Comments (8)
  • Add a Comment
  • Edit
  • More Actions v
  • Quarantine this Entry

1 David_Salinas commented Permalink

Wow... now, that is how to build a page for dynamic platform adaptability! Very nice. A great example of how powerful CSS can be to allow for flexibility, adaptability and customizations without significantly adding to traditional DE ("development expense") with more rudimentary approaches. <div>&nbsp;</div> Best part, you provided a practical example for everyone's usage. : ) <br /> Keep giving us wonderful toys to play with. Thanks.

2 bobleah commented Permalink

@ David - thanks for comment! Media queries is a smart way to better serve the diverse ways that users access web pages. It is not a silver bullet, and it does not address fundamental challenges with mobile computing, for instance page weight... but it does offer a workable approach to designing and constructing a visual appearance to meet the physical display realities of today's devices.

3 PeterYim commented Permalink

What you showed us will certainly be adapted in many places. I like how easy is it to keep or throw away things as needed when screen size changes. Nice write-up. Keep it coming!

4 bobleah commented Permalink

@ Peter - thanks for the feedback! Speaking of adapting this technique in many places... I implemented media queries to this blog template!

5 thartric commented Permalink

Always innovative and interesting reading Bob!

6 bobleah commented Permalink

@ Tom - thanks!

7 amrantex commented Permalink

This is Awesome Code example for CSS3 Media Queries. <br /> Thanks

8 FlyingKite commented Permalink

Thanks for the tutorial - from now on all my websites will have the responsive web design built in.