0
 
What is it? What it’s not.
Why HTML5?
Why not XHTML2?
New in HTML5 <ul><ul><ul><ul><ul><li>- Semantics </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>- Audio, Video </li...
Better for Design <ul><ul><ul><ul><ul><li>- Gradients </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Shadows </li><...
@Font-Face <ul><ul><ul><ul><ul><li>A CSS rule which allows you to download a particular font from your server to render a ...
 
Better for SEO <ul><ul><ul><ul><ul><li>- Semantically correct tags </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>-...
Better for Mobile <ul><ul><ul><ul><ul><li>- Video integration </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>- Audi...
When, 2022?
What’s coming?
The bottom line <ul><ul><ul><ul><ul><li>Remove limitations in development </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><u...
Thank You <ul><ul><ul><ul><ul><li>Joel Flint  -  Senior Developer - Sitewire </li></ul></ul></ul></ul></ul><ul><ul><ul><ul...
Upcoming SlideShare
Loading in...5
×

BITB-- HTML5

390

Published on

Christopher DeHerrera and Joel Flint's presentation at agencyside's "Back in the Black" account team training.

Published in: Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

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

No notes for slide

Transcript of "BITB-- HTML5"

  1. 2. What is it? What it’s not.
  2. 3. Why HTML5?
  3. 4. Why not XHTML2?
  4. 5. New in HTML5 <ul><ul><ul><ul><ul><li>- Semantics </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>- Audio, Video </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>- Canvas </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>- Geolocation </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>- Local Storage </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>- Web Forms 2.0 </li></ul></ul></ul></ul></ul>
  5. 6. Better for Design <ul><ul><ul><ul><ul><li>- Gradients </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Shadows </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>- Text strokes </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>- Rounded corners </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Transformations </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Canvas functionality </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>@font-face </li></ul></ul></ul></ul></ul>
  6. 7. @Font-Face <ul><ul><ul><ul><ul><li>A CSS rule which allows you to download a particular font from your server to render a webpage. This means that web designers will no longer have to adhere to a particular set of &quot;web safe&quot; fonts that the user has pre-installed on their computer. </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Brand elements no longer compromised by font choices </li></ul></ul></ul></ul></ul>
  7. 9. Better for SEO <ul><ul><ul><ul><ul><li>- Semantically correct tags </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>- Better page segmentation </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>- Text elements vs images or flash </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>- More unique function with crawlability </li></ul></ul></ul></ul></ul>
  8. 10. Better for Mobile <ul><ul><ul><ul><ul><li>- Video integration </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>- Audio integration </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Better compatibility </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Higher exposure </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Web Forms 2.0 features </li></ul></ul></ul></ul></ul>
  9. 11. When, 2022?
  10. 12. What’s coming?
  11. 13. The bottom line <ul><ul><ul><ul><ul><li>Remove limitations in development </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Open up design </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Minimize work-arounds </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Minimize dependency on 3rd party plug-ins </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Cross-device/cross-browser consistency </li></ul></ul></ul></ul></ul>
  12. 14. Thank You <ul><ul><ul><ul><ul><li>Joel Flint - Senior Developer - Sitewire </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>[email_address] </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Christopher De Herrera - Senior Art Director - Sitewire </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>[email_address] </li></ul></ul></ul></ul></ul>
  1. A particular slide catching your eye?

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

×