1. Technology

Web Typography for the Lonely

By

HTML5 Design Gallery
Web Typography for the Lonely — Showing the possibilities of cutting edge standards

Web Typography for the Lonely — Showing the possibilities of cutting edge standards

Image submitted for the HTML5 Design Gallery

http://webtypographyforthelonely.com/

This page not only shows some really exciting things you can do with SVG, Canvas, and typography with HTML5 elements, but the HTML itself is inspiring in its excellent use of the new HTML sectioning elements. Note that the designer isn't avoiding the DIV element, but using it where there is no semantic meaning required.

I think my favorite technique listed on the site right now is Punchout. It allows you to add and animate images behind type using the HTML CANVAS element. Before the CANVAS element, in order to use text as a mask, you had to create an image. But with this technique, you can place an image on your page, write the text, and have the image only show through the text. Then if you make a typo or want to change the text, you just change it in the HTML, no messing with the image again.

Have you built an HTML5 site? Or do you know of one that does a great job with HTML5? Submit HTML5 site designs to be featured on this site.

  1. About.com
  2. Technology
  3. Web Design / HTML
  4. Web Design
  5. Inspiration
  6. HTML5 Design Gallery - Web Typography for the Lonely

©2014 About.com. All rights reserved.