bitb-- html5

14

Upload: agencyside

Post on 15-May-2015

372 views

Category:

Business


0 download

DESCRIPTION

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

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]