Date post: | 12-May-2015 |
Category: |
Design |
Upload: | adrian-kirsten |
View: | 201 times |
Download: | 0 times |
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