This has been an interesting week for the web design community, to say the least. The W3C revealed a new HTML5 logo1 to help designers and developers ‘tell the world’ that they’re using HTML5. The logo was designed2 by Ocupop design agency, and it’s licensed under Creative Commons Attribution 3.0, a permissive license that allows ‘remixing’ of the licensed work. The logo has been made available on stickers3 and t-shirts4, and there’s a gallery5 already promoting examples of the logo in use.
The logo’s official site includes a “badge builder” that customizes its orientation and allows you to add supplementary icons to indicate support for the different technologies that have become associated with HTML5.
We intend for it to be an all-purpose banner for HTML5, CSS, SVG, WOFF, and other technologies that constitute an open web platform. The logo does not have a specific meaning; it is not meant to imply conformance or validity, for example. The logo represents “the Web platform” in a very general sense.
That all-encompassing definition has met with some opposition from Jeremy Keith8. According to Keith, while he does approve of the logo’s design, he disagrees with the blurring of the lines that separate the web technologies that the logo is supposed to represent. Keith doesn’t have a problem with the media using the term “HTML5” to cover this broad area, but he feels it’s not appropriate to push this kind of terminology in the web development industry.
In support of the definition, Ocupop Creative Director Michael Nieling said in a statement9 that “HTML5 needs a consistent, standardized visual vocabulary to serve as a framework for conversations, presentations, and explanations.”
Keith’s concerns are valid. The logo will certainly strengthen the awareness of HTML5 (which is something we all want), but it’s difficult to accept that something like WOFF10, which is a web font format and has nothing to do with the HTML5 spec, will fall under the “HTML5” umbrella. Similarly, CSS3 does not belong in that scope. But interestingly, you’ll notice in that quote from the W3C blog post that the “all-purpose banner” includes “CSS” — so it’s not just the new stuff in CSS3, it’s all of CSS. I can’t see many people being too happy about this.
And if that wasn’t enough, before the web design community had a chance to exhale, the WHATWG Blog published a post entitled “HTML is the new HTML5”11, announcing two changes: (1) The HTML specification will be known simply as “HTML” (dropping the “5”); and (2) The spec will be considered a “living standard”12, not just a draft, dropping use of the “snapshot” model of development.
What Do You Think? Link
This article doesn’t intend to offer too much of an opinion on these matters, as it’s still early. But we know many in the industry want to voice their thoughts, so we’re encouraging you to offer your comments on the logo, its stated purpose, and the further developments on the term “HTML5” announced on the WHATWG blog. It certainly has been an important week in web development, so we’d love to get your thoughts on all of this.
UPDATE Jan. 25/2011:
Now its meaning excludes the non-HTML5 technologies, leaving those for the supplementary icons. The FAQ says:
This logo represents HTML5, the cornerstone for modern Web applications.
Further Reading on SmashingMag: Link
- Coding An HTML 5 Layout From Scratch17
- Falling for HTML5: Finding Love in the Little Things18
- Logo Design For Responsive Websites19
- 1 http://www.w3.org/html/logo/
- 2 https://www.w3.org/html/logo/
- 3 http://www.w3.org/html/logo/#swag
- 4 http://html5shirt.com/
- 5 http://www.w3.org/html/logo/#the-gallery
- 6 http://www.w3.org/html/logo/
- 7 http://www.w3.org/QA/2011/01/an_html5_logo.html
- 8 http://adactio.com/journal/4289/
- 9 http://mashable.com/2011/01/18/html5-gets-an-official-logo-from-w3c/
- 10 http://en.wikipedia.org/wiki/Web_Open_Font_Format
- 11 http://blog.whatwg.org/html-is-the-new-html5
- 12 http://wiki.whatwg.org/wiki/FAQ#What_does_.22Living_Standard.22_mean.3F
- 13 http://www.w3.org/html/logo/faq#logo-represent
- 14 http://schepers.cc/insidevoice
- 15 https://twitter.com/adactio/status/28224023695466496
- 16 http://tantek.com/2011/020/b1/new-w3c-html5-logo
- 17 https://www.smashingmagazine.com/2009/08/designing-a-html-5-layout-from-scratch/
- 18 https://www.smashingmagazine.com/2011/01/falling-for-html5-finding-love-in-the-little-things/
- 19 https://www.smashingmagazine.com/2016/04/logo-design-responsive-websites/