General thoughts on web design and front-end development - trends, frameworks, tools, APIs, tips, new techniques, old techniques, good cat videos, funny GIFs etc etc.
Wow I haven’t written anything on here in a while. Need to sort that out… Anyhoo, this is just a quick note on how I use CSS preprocessors with browser feature-detection for neat and tidy graceful degradation.
I wanted to see how easy it would be to recreate a native app interaction – specifically the ‘browser tab’ menu from Chrome for iOS. I like the Chrome app, it has a slick interface with nice transitions and makes the most of a gesture-based OS.
It is now pretty common for new or redesigned sites to be responsive, but there is more to it than just slapping a couple of media queries in and calling it a day, let’s be creative, people!
As sites continue to get more and more complex, and minification and concatenation tools are more freely available, it just doesn’t make sense any more to use verbose, uncompressed code in production. But that doesn’t mean we should letting people see our hand-written code.
The past couple of years has really seen the major browser vendors increase their marketing push, not least through producing awesome experiential sites showcasing the power of the web. Which is great. Until IE decided to arbitrarily lock content of these sites to IE9 users only.