Your SlideShare is downloading. ×
0
Headstart Techtalks Date: 3rd Nov 2012
History of Browsers
Evolve or DIE                        The Dodo (Raphus                                      cucullatus) is an             ...
Why? Increased usage of the internet browsing on    Smart Phones    Pads    Need to be ready to serve Multiple resolut...
1994-2012Bottom line is :Don’t think aboutbrowsers, thinkabout usersSuccess line:Mobile first!
Responsive vs. AdaptiveResponsive                              AdaptiveCSS: Media Query (@media) CSS: Media Query (@media)...
Jeffrey Zeldman (Responsive Design)Ethan Marcotte (Responsive Design)Aaron Gustafson (Adaptive Design)A list apart: for pe...
Implementation & implications
Upcoming SlideShare
Loading in...5
×

Responsive web

167

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
167
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Responsive web"

  1. 1. Headstart Techtalks Date: 3rd Nov 2012
  2. 2. History of Browsers
  3. 3. Evolve or DIE  The Dodo (Raphus cucullatus) is an extinct flightless bird that was endemic to the island of Mauritius, east of Madagascar in the Indian Ocean.  The first recorded mention of the Dodo was by Dutch sailors in 1598  The last credible recorded sighting of a Dodo was in 1662What is Fault tolerance of the browsers?
  4. 4. Why? Increased usage of the internet browsing on  Smart Phones  Pads  Need to be ready to serve Multiple resolutions, Multiple browsers for multiple Operating Systems
  5. 5. 1994-2012Bottom line is :Don’t think aboutbrowsers, thinkabout usersSuccess line:Mobile first!
  6. 6. Responsive vs. AdaptiveResponsive AdaptiveCSS: Media Query (@media) CSS: Media Query (@media) + Progressive enhancements (JavaScript to change HTML markup)Fluid grids , flexible images (in %) (Don’t use JS to load content)and media queries to make the Ref:website compatible with the different http://www.alistapart.com/articles/prresolutions. ogressiveenhancementwithjavascript/
  7. 7. Jeffrey Zeldman (Responsive Design)Ethan Marcotte (Responsive Design)Aaron Gustafson (Adaptive Design)A list apart: for people who make websitesA book apart: Brief books for people who make websites
  8. 8. Implementation & implications
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×