7 Habits of Highly Effective Media Queries - by Brad Frost

Posted by ihaynes on Geeks with Blogs See other posts from Geeks with Blogs or by ihaynes
Published on Fri, 11 Oct 2013 10:06:44 GMT Indexed on 2013/10/17 16:02 UTC
Read the original article Hit count: 622

Filed under:

RWD

|

media queries

Originally posted on: http://geekswithblogs.net/ihaynes/archive/2013/10/11/7-habits-of-highly-effective-media-queries---by-brad.aspx

Brad Frost, one of the original proponents of responsive design, has written a great article on the "7 Habits of Highly Effective Media Queries".

Let content determine breakpoints
Treat layout as an enhancement
Use major and minor breakpoints
Use relative units
Go beyond width
Use media queries for conditional loading
Don't go overboard

Got you wondering? Read Brad's full article.

Oh, and if you haven't read Steven Covey's original "7 Habits of Highly Effective People" book, it's a valuable read too, and might just change the way you relate to others and the world around you.

© Geeks with Blogs or respective owner

Related posts about RWD

Page Speed and it’s affect on your business

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Originally posted on: http://geekswithblogs.net/ihaynes/archive/2014/05/29/page-speed-and-itrsquos-affect-on-your-business.aspxPage speed was an important issue 10 years ago, when we all had slow modems, but became less so with the advent of fast broadband connections that even seemed to make Ajax… >>> More
7 Habits of Highly Effective Media Queries - by Brad Frost

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Originally posted on: http://geekswithblogs.net/ihaynes/archive/2013/10/11/7-habits-of-highly-effective-media-queries---by-brad.aspxBrad Frost, one of the original proponents of responsive design, has written a great article on the "7 Habits of Highly Effective Media Queries".Let content determine… >>> More
Dev Docs and another Responsive Bookmarklet

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Originally posted on: http://geekswithblogs.net/ihaynes/archive/2013/07/30/dev-docs-and-another-responsive-bookmarklet.aspxI came across two sources of developer documentation today, courtesy of the LinkedIn CSS3/HTML5 group. The first, DocHub http://dochub.io/#css/ and the second, DevDocs http://devdocs… >>> More
Responsive Design: Media Query Bookmarket - shows the applied media queries and current window size

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Originally posted on: http://geekswithblogs.net/ihaynes/archive/2013/06/19/153181.aspxThere are any number of tools for resizing the browser window to check responsive designs. One that stands out for me is the Media Query Bookmarklet from the Sparkbox Foundry. This shows you the currently applied… >>> More
Responsive Design: Media query fix for IE10 on Windows Phone 8

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Originally posted on: http://geekswithblogs.net/ihaynes/archive/2013/07/01/responsive-design-media-query-fix-for-ie10-on--windows.aspxThe version of IE10 on Windows Phone 8 apparently has a bug which results in media queries not seeing the correct device width.This post from Devhammer explains all… >>> More

Related posts about media queries

2-Bay External HDD Enclosure in JBOD mode fails to detect both drives (Linux & Windows)

as seen on Super User - Search for 'Super User'
I recently purchased a couple of USB 3.0 External HDD Enclosures to use for storage and backup; the idea was to have one act as backup to the other, with 4 x 3TB drives in total. However, the second drive in each is not accessible in either Linux nor Windows, and I could not determine the reason. 1… >>> More
Getting Started with Media Browser for Windows Media Center

as seen on How to geek - Search for 'How to geek'
If you are a Windows Media Center user, you’ll really want to check out Media Browser. The Media Browser plug-in for Windows Media Center takes your digital media files and displays them in a visually appealing, user friendly interface, complete with images and metadata. Requirements Windows 7… >>> More
Metro: Understanding CSS Media Queries

as seen on Stephen Walter - Search for 'Stephen Walter'
If you are building a Metro style application then your application needs to look great when used on a wide variety of devices. Your application needs to work on tiny little phones, slates, desktop monitors, and the super high resolution displays of the future. Your application also must support portable… >>> More
Parameterized Queries /Without/ using queries.

as seen on Stack Overflow - Search for 'Stack Overflow'
I've got a bit of a poor situation here. I'm stuck working with commerce server, which doesn't do a whole lot of sanitization/parameterization. I'm trying to build up my queries to prevent SQL Injection, however some things like the searches / where clause on the search object need to be built up… >>> More
SQL 2005 indexed queries slower than unindexed queries

as seen on Stack Overflow - Search for 'Stack Overflow'
Adding a seemingly perfectly index is having an unexpectedly adverse affect on a query performance... -- [Data] has a predictable structure and a simple clustered index of the primary key: ALTER TABLE [dbo].[Data] ADD PRIMARY KEY CLUSTERED ( [ID] ) -- My query, joins on itself looking for a certain… >>> More