Your SlideShare is downloading. ×
0
Why Embrace "Html5"?
Why Embrace "Html5"?
Why Embrace "Html5"?
Why Embrace "Html5"?
Why Embrace "Html5"?
Why Embrace "Html5"?
Why Embrace "Html5"?
Why Embrace "Html5"?
Why Embrace "Html5"?
Why Embrace "Html5"?
Why Embrace "Html5"?
Why Embrace "Html5"?
Why Embrace "Html5"?
Why Embrace "Html5"?
Why Embrace "Html5"?
Why Embrace "Html5"?
Why Embrace "Html5"?
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Why Embrace "Html5"?

717

Published on

If you're still on the fence about HTML5, this presentation covers how we got here, and why you should embrace HTML5 now.

If you're still on the fence about HTML5, this presentation covers how we got here, and why you should embrace HTML5 now.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
717
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
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
  • MS Internet Explorer team has does testing to ensure HTML5 doctype does not throw IE into quirks mode.Safari and Mozilla have also done testing of their own
  • Transcript

    • 1. Why Embrace “HTML5”?<br />
    • 2. How We Got Here<br />In 1999, a website that included images and an eye-catching design was considered “top of the line”<br />2004 Web Hypertext Application Technology Working Group (WHATWG) was formed <br />WHATWG felt W3c was ignoring the needs of users and browsers makers by focusing on XHTML2<br />June 2009 W3C abandons work on XHTML2<br />
    • 3. What “HTML5” Is Not<br />Not a reformulation of previous versions of the language<br />XHTML 1.0 was basically HTML 4 with strict XML syntax. <br />Both HTML4 and XHTML 1.0 are still in general use<br />"HTML5" as we know it is steadily gaining headway daily<br />
    • 4. What “Html5” Is<br />“HTML5” includes all valid elements from both HTML 4 and XHTML 1.0<br />Because of this, it can be said that all websites are currently using “HTML5”<br />Designed with some primary principles in mind to ensure it works on just about every platform<br />Compatible with older browsers<br />Capable of handling errors gracefully<br />
    • 5. What “Html5” Is<br />Redefinitions of existing markup elements, and new elements that allow web designers to be more expressive in the semantics of their markup<br />Any new form elements not understood or supported by older browsers automatically revert to what the browser can support, in most cases, input type=“text”<br />
    • 6. How HTML5 Was Designed<br />The design principles used are summed up on the W3C’s HTML Design Principles page http://www.w3.org/TR/html-design-principles/<br />
    • 7. A Tale of Two Specifications<br />WHATWG Spec http://www.whatwg.org/specs/web-apps/current-work/multipage/<br />W3C Markup only Spec http://dev.w3.org/html5/markup/<br />Two specifications? Should I be worried?<br />No. There are only subtle differences between the two.<br />
    • 8. What’s The Difference?<br />The WHATWG spec is a little more informal and experimental<br />The W3c Spec is <br />more formal, and based largely on work done in WHATWG spec<br />what browser manufacturers follow when they implement new functionality<br />The HTML5 spec has recently been renamed by WHATWG to "HTML" (dropping the "5") <br />
    • 9. A New Standard<br />The newly renamed “HTML” specification is now called a "living standard" <br />Meaning that it will be in constant development <br />Will no longer be referred to using the incrementing numbers<br />
    • 10. Why Embrace It?<br />HTML is forward thinking<br />New HTML Form elements can validate themselves (client side)<br />Form Elements not understood, or supported by browsers automatically revert to input type=“text”<br />Developers can add additional validation if this happens<br />Richer more meaningful semantics in markup<br />
    • 11. What About Older Browsers, IE?<br />There are a number of excellent polyfills, or polyfillers out that enhance browser capabilities to allow them to work with these new elements<br />One example, Modernizr-1.7.js, detects what features your browser does/doesn’t support and adds appropriate classes to the corresponding HTML elements that allow designers to easily target them<br />
    • 12. Is It Ready For Primetime?<br />Yes! Some common reasons people give for not using it are:<br />“It’s not a W3C Recommendation”<br />Neither is CSS2 or CSS 2.1 <br />Should we stop using CSS to style our pages and content since it’s not a recommendation? No. We use it anyway.<br />“But it’s not stable”<br />Yes it is. It includes all valid elements from both HTML 4 and XHTML 1.0<br />Both of these are stable so HTML5 is stable<br />
    • 13. Is It Ready For Primetime?<br />“It’s too young”<br />HTML5 as we know it now, is almost 4 years old<br />It’s components<br />HTML4 (14 yrs old) became a recommendation in December of 1997<br />XHTML 1.0 (11 yrs old) became a recommendation in January 2000<br />“It’s not fully supported in all browsers”<br />Again, neither is CSS but we use it<br />HTML5 was designed to degrade gracefully<br />
    • 14. Is It Ready For Primetime?<br />“It’s not supported by IE6.”<br />That’s where the polyfills mentioned earlier come in<br />With a judicious use of polyfills, plus current markup techniques, your webpage will be able to give the user the best experience their browser / device of choice can support.<br />
    • 15. So, Who’s Using “HTML5”?<br />New Doctype only<br />Google<br />USA.gov<br />Yahoo<br />Netflix<br />… and others<br />
    • 16. So, Who’s Using “HTML5”?<br />New Doctype and New Markup<br />MailChimp<br />Slashdot<br />About<br />Apple<br />… and others<br />
    • 17. Isn’t It Time You Embraced HTML?<br />

    ×