Right after I wrote about combining flexbox with responsive design—to switch the display of content and navigation based on browser size—I received an email from Raphaël Goetter. He pointed out a really elegant solution to the same use-case that makes use of display:table.
Where are the Mobile First Responsive Web Designs? « Cloud Four.
A ‘tiny screen first’ boilerplate extension*
‘320 and Up’ prevents mobile devices from downloading desktop assets by using a tiny screen’s stylesheet as its starting point. Try this page at different window sizes and on different devices to see it in action.
Run a free website speed test from multiple locations around the globe using real browsers (IE and Chrome) and at real consumer connection speeds. You can run simple tests or perform advanced testing including multi-step transactions, video capture, content blocking and much more. Your results will provide rich diagnostic information including resource loading waterfall charts, Page Speed optimization checks and suggestions for improvements.
Code Kick Off lets you choose and integrate technologies like HTML5 boilerplate, Compass, different CSS grid frameworks & WordPress, to start new web projects faster.
Download details: Internet Explorer Application Compatibility VPC Image.
Windows Virtual PC VHDs for testing websites with different Internet Explorer versions [Last Updated: 5/01/11]
Verifica la compatibilità dei browser, test con browser multipiattaforma – Browsershots.
‘320 and Up’ prevents mobile devices from downloading desktop assets by using a tiny screen’s stylesheet as its starting point. Try this page at different window sizes and on different devices to see it in action.
Rethinking the Mobile Web by Yiibu.
A pragmatic look at creating an accessible and inclusive mobile experience.
ProtoFluid. Rapid Prototyping of Adaptive CSS and Responsive Design..