April 2015 articles

Resolving Gulp libsass error

Posted: Wednesday 29th April, 2015 - 6:13pm
Author: James Griffiths

If you've recently updated the Gulp task runner program you might encounter the following error with a previously working installation of gulp-sass:

throw new Error('`libsass` bindings not found. Try reinstalling `node-sass`?

We found the following fixed the issue, allowing for Gulp to process Sass as it had done prior to the update.


Preventing text scaling on iPhone landscape orientation change

Posted: Saturday 25th April, 2015 - 6:08pm
Author: James Griffiths

You may have come across the following issue while developing responsive websites: you're testing your finely crafted pages on an iPhone and change to a landscape orientation only to find your page text has suddenly increased in size.

No, you didn't do anything wrong: it's simply a quirk of text rendering on Webkit, Gecko & Trident based smartphones and the fix is surprisingly simple.


Hiding default spinner buttons on HTML number input fields

Posted: Saturday 18th April, 2015 - 6:04pm
Author: James Griffiths

If you've been exploring HTML5 (and there's no good reason why you shouldn't be) you're probably familiar with the range of form enhancements that this recent upgrade to the language brings with it, in particular those concerning additional input field types.

If this is the case then you might also be familiar with certain browsers adding default controls to the number input field.

Thankfully these can also be removed - with only a smidgen of CSS.


Customising a form select menu with CSS

Posted: Saturday 11th April, 2015 - 5:49pm
Author: James Griffiths

CSS, when combined with modern browser support for the latest technologies, allows front-end developers a wider palette of options for crafting website and app interfaces than was possible 10 years ago. In this short tutorial we'll take you through how to customise a standard HTML select menu using nothing more complicated than CSS.