Here’s a great article with animated illustrations of the principles of responsive web design. It’s a great refresher or primer.
Posts Tagged ‘Responsive’
Following on the heels of yesterday’s post about responsive images, this is an even simpler solution — utilizing the srcset attribute on img tags and modern browsers can handle responsive images pretty easily.
Everything you are building on the web these days should have responsive code, unless you have a really good reason or super-specialized application. Using just CSS and fluid layouts, it’s pretty simple to setup responsive sites, but images are a bit trickier.
The article and screencast below from earlier this year gives good insight on cracking responsive images.
Nice article and idea by Chris Coyier over at CSS-Tricks.com on how to realistically control font sizes on various screen sizes but avoid pitfalls related to a simple pixel root and everything in rem units.