Responsive web

  • 147 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
147
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
2
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Headstart Techtalks Date: 3rd Nov 2012
  • 2. History of Browsers
  • 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. 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. 1994-2012Bottom line is :Don’t think aboutbrowsers, thinkabout usersSuccess line:Mobile first!
  • 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. 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. Implementation & implications