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
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
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.