A lot’s happened since I wrote the original ‘320 and Up’ — the ‘tiny screen first’ responsive web design boilerplate. Back then we were just getting started with responsive web design and many sites, including mine, and frameworks and boilerplates including HTML5 Boilerplate, structured CSS3 Media Queries from the desktop down, rather than from small screens up. (Oh how we laughed when we realised our mistake.) So to put things right, I wrote ‘320 and Up’, to use as an extension to HTML5 Boilerplate or a set of standalone files.
Content first design’s become the norm and HTML5 Boilerplate and its mobile cousin now both structure their stylesheets from small screens up. Twitter’s Bootstrap and countless other frameworks include fluid grids, so what’s left for ‘320 and Up’?
I’m proud to say that ‘320 and Up’ has been used by designers and developers all over the web. I’ve used versions of it on every website I’ve worked on since I wrote it. Small websites, medium-size websites and large websites including ISO, STV and UK Government websites that’ll launch this year.
Along the way, ‘320 and Up’ grown to include selected files and styles from Twitter’s Bootstrap as well as responsive design libraries and polyfills. It’s become my personal toolkit, somewhere I keep the files and styles that I use when I start every new project.
I’ve written the new ‘320 and Up’ from scratch so it isn’t compatible with previous versions. You can download the previous, now unsupported version (zip), if you prefer.
Contribute to 320 and Up on Github or download. Share on Twitter or Facebook