The View of the World Depends on the Glasses I Wear (Channel 9)

The View of the World Depends on the Glasses I Wear

Date: April 13, 2011 from 2:00PM to 2:25PM

Day 2

HTM09

Speakers: Thomas Lewis

(1)

17,909 Views

4 Comments

Video format

Auto

Use our suggested format for this video.

Smooth Streaming

Adaptive bitrate streaming - little buffering but lower video quality at times of low bandwidth.

Progressive

Traditional buffered video format.

HTML5

For browsers that support h264 MP4 or WebM video playback such as:
IE9+, Chrome 5+, or Safari 4+.

Note: These selections will fall back to the next best format depending upon browser capability.

"There is no mobile Web, there is no desktop Web, and there is no tablet Web. We view the same Web just in different ways. So how do we do it? Sitting next to HTML5 is its friend CSS3 with its support for Media Queries."

This is one of the worst ideas spreading these days.
I agree for desktop/ipad (no, not for 7" tablets), but mobile ?
Look at the one example URL http://sasquatchfestival.com/ (which, by the way, is much too big on a 24" full HD monitor) : wow, it can be resized for mobile, so great ! Yay ! Impressive !

But it uses the same images than the big desktop version and plenty of hidden HTML tags. So ok, if you want a slow responsiveness and make the users phones download 3 f*cking Mo of data to show a single page, go for it. I made a little test : over wifi on a mobile iPhone 3G, it took 30s before i had something else than a black screen, 45s before i see the navigation and 1mn to finish the loading of the page.
Maybe you want to give a try over 3G, i don't. I dont have enough patience.

People concerned with performance will use two different HTML templates, load what's necessary, have a clean DOM, AND develop faster. No crazy tricks, just two clean models.
That said, they will use media queries but for screen adjustment, but not to get an absolutely different layout, different menu and so...

Follow the Discussion

Subscribe to these comments

Michael Palermo

Apr 06, 2011 at 3:46 PM quote reply

This looks like it is going to be a fantastic presentation. Looking forward to seeing it in person!
palermo4

Apr 06, 2011 at 3:47 PM quote reply

Doh! I wasn't logged in on my previous comment. Anyway, I think this is a "must-see" for any serious web developer/designer.
Joey

Apr 25, 2011 at 12:08 PM quote reply

"There is no mobile Web, there is no desktop Web, and there is no tablet Web. We view the same Web just in different ways. So how do we do it? Sitting next to HTML5 is its friend CSS3 with its support for Media Queries."

This is one of the worst ideas spreading these days.
I agree for desktop/ipad (no, not for 7" tablets), but mobile ?
Look at the one example URL http://sasquatchfestival.com/ (which, by the way, is much too big on a 24" full HD monitor) : wow, it can be resized for mobile, so great ! Yay ! Impressive !

But it uses the same images than the big desktop version and plenty of hidden HTML tags. So ok, if you want a slow responsiveness and make the users phones download 3 f*cking Mo of data to show a single page, go for it. I made a little test : over wifi on a mobile iPhone 3G, it took 30s before i had something else than a black screen, 45s before i see the navigation and 1mn to finish the loading of the page.
Maybe you want to give a try over 3G, i don't. I dont have enough patience.

People concerned with performance will use two different HTML templates, load what's necessary, have a clean DOM, AND develop faster. No crazy tricks, just two clean models.
That said, they will use media queries but for screen adjustment, but not to get an absolutely different layout, different menu and so...
kit mancini

May 15, 2011 at 10:40 AM quote reply

i would like to know where I can find information about behaviours in CSS without using Java ,I would also like to know if you can convert a wow slider to HTML5 and use media queries to resize and

Remove this comment

Remove this thread

Comments Closed

Comments have been closed since this content was published more than 30 days ago, but if you'd like to continue the conversation, please create a new thread in our Forums,
or Contact Us and let us know.