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… Continue reading On Pragmatic Responsive Design
Tag: css
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… Continue reading Committing to Good Markup
Flexible fluid layouts with CSS and jQuery (Part 2 in series)
In this post I’ll demonstrate with a simple example how easy it is, with CSS and a bit of jQuery, to make layouts that adapt to the many different screen sizes out there.
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… Continue reading Experimenting in HTML5 and CSS3