Although there is no agreed standard as yet there are some intitial solutions to get this working, the following is an example of changing the placeholder text to italic but keeping any text entered in the default style:   Chrome input::-webkit-input-placeholder {   &nb... [More]

Until the proposed picture element or an alternative is defined there are various shims used to display images depending on the size of the device used. Several JavaScript based methods have been created, such as Scott Jehl's Picturefill but these create multiple server requests (in the Pictur... [More]

There has been a lot of talk over the past week on Microsoft, Mozilla and Opera considering supporting some -webkit- prefixes, which raised considerable discussion (and a petition) from developers for them to not do so but how did we get to this position? Last week the CSS Working Group met in Pari... [More]

When clicking on Facebook like buttons a popup is added (screenshot from Firefox) where people can add a comment to their like. Make sure you leave at least 300 pixels to the right or this is cut off. 

-webkit-tap-highlight-color This webkit only CSS property is available on mobile Safari in both iOS and Android. It allows you to override the yellow highlight colour when a user taps a link or JavaScript clickable element.  This is a useful accessibility feature that lets users know a link... [More]

What browsers Google support can be very useful for client projects. Already having started phasing out support for IE6 they are only supporting IE8 and above for Google Plus accounts (presumably as XP use is still fairly high).  From their support page: Supported browsers Google pr... [More]

Traditionally the developers tool of choice, Firefox are making some pretty cumbersome decisions which can adversly affect project development. With IT managers berating the impact on rapid releases in corporates met with a near who cares attitude from Mozilla, there are also massive implications ... [More]

  recent releases of node js, altough unstable, now come with windows executables (thanks to help from Microsoft) which means no more fiddling with cygwin to get it up and running on your machine.  How to run node 1. Download node.exe from http://nodejs.org/#download  2. Put this ... [More]

This is particularly useful in mobile development where it is more user friendly to use the default select options menu than a customised JavaScript dropdown, which are often hard to select from on a handset.    select {        background: url(../images/ic... [More]

I've been using the fantastic mobile storage library Lawnchair in a recent Android project and got an "illegal access" error when running on a device (Samsung Galaxy S), which is caused by a JSON.parse null paramter.  To prevent this, add json2.js to your project:       &... [More]