Aweh.

How do we get our sites ready for the future & dare I say… Web 3.0

Let’s talk about some cool stuff

HTML 5 = HTML + CSS + JS=

What is HTML 5?

But the most important thing about

Is Semantics.

HTML 5 has lot’s of new features

• The semantic web is all about giving the information you display on your website meaning and emphasis to machines.

• This allows them to process our information more intelligently and to make sense of it all.

WTF is semantics? And why is it important?

It’s true! Wikipedia says so!

• Currently we give meaning and emphasis to our content through markup.

• Semantics in current HTML versions are flawed.

• HTML 5 makes semantic possibilities HUGE.

WTF is semantics? And why is it important?

• lo

HTML 4 Markup

• lo

The HTML 5 Way

• Improves semantics• We use it already• Based on existing standards• Opens up information to

3rd party apps• Rich Google Snippets

The Microformat

• hRecipe is a standardised microformat.• Google reads and supports it – Extracts the microformat data

into it’s search listings.• Nested microformats with the hReview• End Result – much friendlier snippets• Only one example of usage.

The Recipe Example

• One site for all platforms• Great solution to feature phone vs smart phone issue

Responsive Design

• Feature phones don’t support media queries.• Build feature phone base with normal CSS.• Use media queries & HTML5 data roles for

smart phone enhancements & themes.

.mobi site = Smart Phones & Feature Phones

And why is that?

The nature of the web is such that sharing and republishing content is common – even encouraged

Embed Practically Anything!

• =

Using oEmbed

• =

Z0MG HAUW?!

• =

oEmbed

• Most of the major online services support it (218 at the time)

• Wordpress has oEmbed support• oEmbed is an open format• We can use it to make our ads embedable!

Tell me more!

Die Einde.

*Tjirs