Delicious/allardstrijker |
| Responsive design examples - Media Queries Posted: 03 Apr 2013 11:18 AM PDT What is Media Queries? Media Queries is a W3C Candidate Recommendation—a widely reviewed document which is ready for implementation by browser vendors.It's an extension of media dependent stylesheets tailored for different media types (i.e. screen and print) found in CSS2.In its essence a media query consists of a media type and an expression to check for certain conditions of a particular media feature. The most commonly used media feature is width.By restricting CSS rules to a certain width of the device displaying a web page, one can tailor the page's representation to devices (i.e. smartphones, tablets, netbooks, and desktops) with varying screen resolution. What is Responsive Web Design? The term Responsive Web Design was coined by Ethan Marcotte and is the practice of using fluid grids,flexible images, and media queries to progressively enhance a web page for different viewing contexts. What screen resolutions do you use while taking screenshots? Smartphone320pxTablet768pxNetbook1024pxDesktop1600px Can I get a list of all sites in the collection? Yes: mediaqueri.es/all.txt. |
| Posted: 03 Apr 2013 11:08 AM PDT Responsive design all started with this articleby Ethan Marcotte. Some people see it as a trend. But it is more than just a trend. It is a new design solution — it helps to resolve the design problems associated with the different resolutions and devices (desktop, laptop, tablet, and mobile). I'm going to share a list of responsive sites that I feel are nicely done. I've categorized the list into two categories: Adaptive and Fluid |
| Posted: 03 Apr 2013 04:39 AM PDT Media, Onderwijs |
| You are subscribed to email updates from Delicious/allardstrijker To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google Inc., 20 West Kinzie, Chicago IL USA 60610 | |
