Media Queries: Insight of a developer

Tech Blog
Digital Services
November 4, 2010
CSS Media Queries

Been looking into media queries today I've heard the term for awhile but never took the time to look into what media queries actually are and what can be done with them until today after I saw a really good presentation on Adaptive Systems from Simon Collison at Hull Digital Live conference.

Media queries expands on media types which never really took off apart from print media types, Media queries let you create specific styles for specific conditions, for instance you can detect the size of the viewpoint and change the layout accordingly letting you easily modify a layout on a mobile device with little work.

Some good examples of this are: (try resizing the browser)

I have to admit I'm really not surprised media query is not supported in Internet Explorer 8 or older. IE has a history of not supporting techniques that other browsers support such as some css2/3 specs thankfully their are workarounds according to Web Designers Wall:

Media Queries Resources

We offer
Digital Services
Go to our Business Mobile service page to discover what we provide.
ExploreiPhone
We offer
Connectivity
Go to our Connectivity service page to discover what we provide.
Explore
Connectivity
We offer
VoIP
Go to our VoIP service page to discover what we provide.
ExploreVoIP Headset
We offer
Digital Services
Go to our Digital Services page to discover what we provide.
Explore
CRM (Customer Relationship Management)
We offer
Go to our Print service page to discover what we provide.
ExplorePrinter
We offer
IT Support
Go to our Print service page to discover what we provide.
ExploreIT Support

Register
your interest

We've Recieved
your interest

Someone will contact you soon.
Form Submission Failed. Try again!