HTML5shim
Upcoming SlideShare
Loading in...5
×
 

HTML5shim

on

  • 7,145 views

How to use all that HTML5 goodness and still have it look okay in IE

How to use all that HTML5 goodness and still have it look okay in IE

Statistics

Views

Total Views
7,145
Views on SlideShare
6,624
Embed Views
521

Actions

Likes
6
Downloads
28
Comments
0

10 Embeds 521

http://psjplearn.blogspot.in 386
http://psjplearn.blogspot.com 120
http://wiki.jtl.pe.kr 5
http://psjplearn.blogspot.fr 3
http://psjplearn.blogspot.se 2
http://psjplearn.blogspot.com.ar 1
http://psjplearn.blogspot.de 1
http://psjplearn.blogspot.pt 1
http://psjplearn.blogspot.ae 1
http://psjplearn.blogspot.cz 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

HTML5shim HTML5shim Presentation Transcript

  • HTML5SHIMNow Internet Explorer can join the HTML5 party too!
  • HTML5The super-cool new shiny thing
  • HTML5 BASIC ELEMENTS• nav• section• header• footer
  • MODERN BROWSERS• eitherhandle basic HTML5 elements and allows them to be styled with CSS, or• treatsunknown elements as a div and still allows them to be styled with CSS
  • INTERNET EXPLORER• doesn’trecognise basic HTML5 elements BUT doesn’t treat them like divs and consequently doesn’t apply CSS styling!• this is a major problem for developing with HTML5 elements
  • HTML5SHIM The IE solution
  • HTML5SHIM• blog post by John Resig (creator or jQuery)• exploits a workaround in IE • bycreating a new DOM element of the same name as the unknown HTML5 element IE suddenly applies styling to all such elements• html5shim.js created by Remy Sharp allows modern browsers to handle HTML5 whilst providing a graceful fallback for IE
  • USING HTML5SHIM• must be inserted into the head of the document (IE needs to know about the HTML5 elements before it tries to render them)• the js is only applied to IE but you can wrap the js call in conditional comments to only call it when using IE
  • <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  • BEFORE
  • AFTER
  • HTML5SHIMNow your page is super cool in every browser!