Let's face it.

266 views
237 views

Published on

A presentation on the future of the web.

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

  • Be the first to like this

No Downloads
Views
Total views
266
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Let's face it.

  1. 1. Aweh.<br />How do we get our sites ready for the future & dare I say… Web 3.0<br />
  2. 2. Let’s talk about some cool stuff<br />
  3. 3. HTML 5 = HTML + CSS + JS<br />=<br />What is HTML 5?<br />
  4. 4. But the most important thing about<br />Is Semantics.<br />HTML 5 has lot’s of new features<br />
  5. 5. The semantic web is all about giving the information you display on your website meaning and emphasis to machines.<br />This allows them to process our information more intelligently and to make sense of it all.<br />WTF is semantics? And why is it important?<br />It’s true! Wikipedia says so!<br />
  6. 6. Currently we give meaning and emphasis to our content through markup. <br />Semantics in current HTML versions are flawed. <br />HTML 5 makes semantic possibilities HUGE. <br />WTF is semantics? And why is it important?<br />
  7. 7. lo<br />HTML 4 Markup<br />
  8. 8. lo<br />The HTML 5 Way<br />
  9. 9. Improves semantics<br />We use it already<br />Based on existing standards<br />Opens up information to3rd party apps<br />Rich Google Snippets<br />The Microformat<br />
  10. 10. hRecipe is a standardisedmicroformat.<br />Google reads and supports it – Extracts the microformat data into it’s search listings.<br />Nested microformats with the hReview<br />End Result – much friendlier snippets<br />Only one example of usage. <br />The Recipe Example<br />
  11. 11. One site for all platforms<br />Great solution to feature phone vs smart phone issue<br />Responsive Design<br />
  12. 12. Feature phones don’t support media queries.<br />Build feature phone base with normal CSS.<br /> Use media queries & HTML5 data roles for smart phone enhancements & themes.<br />.mobi site = Smart Phones & Feature Phones<br />And why is that?<br />
  13. 13. The nature of the web is such that sharing and republishing content is common – even encouraged <br />Embed Practically Anything!<br />
  14. 14. =<br />Using oEmbed<br />
  15. 15. =<br />Z0MG HAUW?!<br />
  16. 16. =<br />oEmbed<br />
  17. 17. Most of the major online services support it (218 at the time)<br />Wordpress has oEmbed support<br />oEmbed is an open format<br />We can use it to make our ads embedable!<br />Tell me more!<br />
  18. 18. Die Einde.<br />*Tjirs<br />

×