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:
- CSS Tricks - using jQuery to detect browser size
- jQuery Media Queries Plugin
Media Queries Resources
For the past 12 years, I’ve been developing applications for the web using mostly PHP. I do this for a living and love what I do as every day there is something new and exciting to learn.
In my spare time, the web development community is a big part of my life. Whether managing online programming groups and blogs or attending a conference, I find keeping involved helps me stay up to date. This is also my chance to give back to the community that helped me get started, a place I am proud to be apart of.
Besides programming I love spending time with friends and family and can often be found together going out catching the latest movie, staying in playing games on the sofa or planning a trip to someplace I’ve never been before.