HTML5: New Possibilities for Publishing
•Download as PPTX, PDF•
2 likes•2,067 views
The past year has seen the emergence of a new standard for building web sites and mobile applications. In this webcast iFactory Art Director, Jeremy Perkins, discusses how publishers are adopting HTML5 to make their content easier to find, richer with interaction, and truer to design, creating deeper connections with users on a variety of devices.
Recommended
More Related Content
What's hot
What's hot (14)
Viewers also liked
Viewers also liked (10)
Similar to HTML5: New Possibilities for Publishing
Similar to HTML5: New Possibilities for Publishing (20)
More from iFactory
More from iFactory (8)
Recently uploaded
Recently uploaded (20)
HTML5: New Possibilities for Publishing
- 1. HTML5 New Possibilities for Publishing
- 2. Who is iFactory? A division of RDW Group, iFactory is an interactive design and development company with over 19 years experience.
- 3. Who is iFactory? A division of RDW Group, iFactory is an interactive design and development company with over 19 years experience. Among our staff: Designers Developers Information Architects Usability Experts Strategic Consultants Clients include: Academic Publishers Reference Publishers Journal Publishers Libraries …from Massachusetts to London
- 4. What is HTML? HyperText Markup Language The “building blocks” of all web pages Tag format: <html></html>
- 5. Example <div class="content"> <h1>Title for a Page</h1> <p>Text for a paragraph here. Text for a paragraph here. Text for a paragraph here. Text for a paragraph here.</p> <imgsrc="images/face.jpg" alt="My face" /> <h2>Header Level Two Here</h2> <ul> <li><a href="page.html">Item One</a></li> <li><a href="page.html">Item Two</a></li> <li><a href="page.html">Item Three</a></li> </ul> </div>
- 6. Why a new version? 10 years since last update An open standard Consistency among an expanding number of devices Easier and less expensive to publish content
- 7. HTML 5 = HTML 5 + CSS 3 + JavaScript
- 8. A new logo source: w3.org/html/logo
- 9. What’s new in HTML 5? Five Points for Publishing
- 10. What’s new in HTML 5? 1. Better Findability & Syndication
- 13. Example <article> <header> <time datetime="2009-10-22" pubdate>October 22, 2009</time> <h1> <a href="page.html">Travel day</a> </h1> </header> <p>Loremipsum dolor sit amet…</p> </article>
- 14. Microdata itemscope itemtype itemprop Event Organization Person Product Review Blog Thing Creative Work Article Book Author ...and more
- 16. Example <div itemscopeitemtype="http://schema.org/Book"> <imgitemprop="image" src="catcher-in-the-rye-cover.jpg" /> <span itemprop="name">The Catcher in the Rye</span><link itemprop="bookFormat" href="http://schema.org/ Paperback">Mass Market Paperback by <a itemprop="author" href="/author/jd_salinger.html"> J.D. Salinger</a> <span itemprop="numPages">224</span> pages<span itemprop="publisher">Little, Brown, and Company</span> <meta itemprop="publishDate" content="1991-05-01"> May 1, 1991<span itemprop="inLanguage">English</span>ISBN-10: <span itemprop="isbn">0316769487</span> </div>
- 17. We may soon see search results like this… source: diveintohtml5.org
- 18. What’s new in HTML 5? 1. Better Findability & Syndication Opportunities:
- 22. Native audio & video
- 23. Canvas & SVG source: en.inforapid.org
- 25. Drag & drop source: my.picsengine.com
- 26. What’s new in HTML 5? 2. Richer Interactive Content Opportunities:
- 30. Collaboration
- 32. Web fonts source: lostworldsfairs.com
- 34. Media queries & responsive layouts source: 2011.uxlondon.com
- 35. What’s new in HTML 5? 3. Truer Design & Layout Opportunities:
- 37. Better legibility on screen
- 38. Nicer reading experience on mobile
- 41. Multiple ways of calculating (triangulation, GPS)
- 44. Example: Sonar
- 45. Example: Constellations source: nakshart.com
- 46. Example: Augmented reality source:acrossair.com
- 47. What’s new in HTML 5? 4. Geolocation Opportunities:
- 56. What’s new in HTML 5? 5. Offline storage & applications Opportunities:
- 58. Deeper engagement with content
- 60. Native app or web app?
- 62. Web APIs & advertising networks
- 63. No need to build multiple apps for different platforms
- 65. How soon can I use it? Internet Explorer 9… 3.64% source: statowl.com
- 67. Some desktop browsers 1-2 years off
- 68. But plenty of fallback scripts for IE
- 70. Thank you www.ifactory.comwww.pubfactory.netJoin us on Twitter, Facebook, YouTube and LinkedIn as iFactoryBoston