Top Banner
14

BITB-- HTML5

May 15, 2015

Download

Business

agencyside

Christopher DeHerrera and Joel Flint's presentation at agencyside's "Back in the Black" account team training.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: BITB-- HTML5
Page 2: BITB-- HTML5

What is it? What it’s not.

Page 3: BITB-- HTML5

Why HTML5?

Page 4: BITB-- HTML5

Why not XHTML2?

Page 5: BITB-- HTML5

New in HTML5- Semantics

- Audio, Video

- Canvas

- Geolocation

- Local Storage

- Web Forms 2.0

Page 6: BITB-- HTML5

Better for Design- Gradients

- Shadows

- Text strokes

- Rounded corners

- Transformations

- Canvas functionality

- @font-face

Page 7: BITB-- HTML5

@Font-FaceA 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 "web safe" fonts that the user has pre-installed on their computer.

Brand elements no longer compromised by font choices

Page 8: BITB-- HTML5
Page 9: BITB-- HTML5

Better for SEO- Semantically correct tags

- Better page segmentation

- Text elements vs images or flash

- More unique function with crawlability

Page 10: BITB-- HTML5

Better for Mobile- Video integration

- Audio integration

- Better compatibility

- Higher exposure

- Web Forms 2.0 features

Page 11: BITB-- HTML5

When, 2022?

Page 12: BITB-- HTML5

What’s coming?

Page 13: BITB-- HTML5

The bottom line- Remove limitations in development

- Open up design

- Minimize work-arounds

- Minimize dependency on 3rd party plug-ins

- Cross-device/cross-browser consistency

Page 14: BITB-- HTML5

Thank YouJoel Flint - Senior Developer - [email protected]

Christopher De Herrera - Senior Art Director - [email protected]