Debugging SASS in Chrome

In Firefox, viewing the original SASS line number directly has been possible using Firebug and FireSass. Similar, or even better functionality has very recently arrived in the stable release of Chrome. I just tried this out and it works wonderfully. See here for instructions: How to make Chrome understand the SASS/SCSS in your rails app […]

SASS, LESS and nesting overload

Both SASS and LESS are really nice tools for CSS developers. Both have the ability to nest selectors like this: #header { h1 { font-size: 3em } p { font-size: 1.2em } } …which compiles to #wrapper h1 { font-size: 3em } #wrapper p { font-size: 1.2em } Nesting is really useful, just don’t go […]

On Pragmatic Responsive Design

Responsive design shouldn’t be just about checking screen width and removing stuff on mobile devices, even though this is what it often amounts to. I also admit to doing this myself. Designing with a mobile first approach is sensible, but we run into problems with the typical wireframes/photoshop/html pixel-perfect workflow. Stephanie Rieger made this excellent presentation […]

Committing to Good Markup

Solid, semantic and accessible HTML markup matters. When most people look at a web page, it doesn’t make much difference to them whether headings are coded with proper <h1> and <h1> tags or <span style=”font-size: 20px”>. Still, for someone using a screen reader, not to mention search engines and feed readers, it can make all the […]

Experimenting in HTML5 and CSS3

I decided to experiment with some of the new elements in HTML 5 and built my blog theme from scratch (with the help of the Carrington framework though). I’m now rolling article, section, header, footer and other stuff. Because IE needs a Javascript hack to enable support for these elements, I wouldn’t consider doing this […]