h5d-sectioning-flowchart.png (1095×775)
Using the address Element in HTML 5.2 (thenewcode.com)
Yesterday Steve Faulkner made me aware that the W3C had changed the HTML 5.2 specification to reflect the common interpretation of the element, much to their credit.
Using the blockquote, cite and q elements (thenewcode.com)
The blockquote, cite and q elements are very useful… especially if they are used for the purposes for which they were intended. Together with the other HTML writing elements, you have a full and rich set of markup elements with which to start treating your content. Mit footer zur Kennzeichnung der Quelle. Coole Idee.
Meta Viewport - iOS Safari and shrink-to-fit (bitsofco.de, 04/2016)
For a long time, the standard viewport meta tag went like this - However, since iOS Safari 9.0 was introduced in September last year, a new additional value is now needed for most responsive websites, making this the new standard meta tag -
NO to HTML5 document outline | HTML5 Doctor (Steve Faulkner, 06/2016)
»For the last few years, the HTML5 specification has included a warning about the lack of implementations and has suggested that the document outline algorithm not be relied upon to convey heading semantics to users. Recently this has been taken a step further. Now the HTML 5.1 specification requires developers to use h1-h6 to convey document structure. The simple reason for this change is that the HTML5 document outline is not implemented and despite efforts to get it implemented, the general response from user agent developers has not been enthusiastic. «
Adactio: Journal—AMPed up (02/2016)
Jeremy Keith's article about »Apple has Apple News. Facebook has Instant Articles. Now Google has AMP: Accelerated Mobile Pages. The big players sure are going to a lot of effort to reinvent RSS. That may sound like a flippant remark, but it’s not too far from the truth.« Sein Fazit: Gemäß der Indie Web Idee von POSSE (Publish (on your) Own Site, Syndicate Elsewhere) ist AMP nur eine weitere Art der Syndikation. Solange das so ist, ist es okay.
HTML Wireframes | Brad Frost
Problems with High-Fidelity Static Wireframes - They’re abstractions - They’re full of assumptions - They’re verbose - They’re a crutch Lo-fi HTML Wireframes - They get into the browser quicker - They reinforce the notion that you’re creating a website - They’re interactive - They allow for living, breathing annotations - They lay the foundation for the final product - They allow you to iterate »From Wireframe to Final Product« am Beispiel der Website für die Greater Pittsburgh Community Foodbank
HTML5 Boilerplate: The web’s most popular front-end template
The web’s most popular front-end template which helps you build fast, robust, and adaptable web apps or sites.
HTML5 Forms Web Resource and Guide | Wufoo
Many browsers are supporting features of HTML5 including much related to forms. This is research on what browsers are doing what with those new features.
HTML5 Semantics (Bruce Lawson, Smashing, 11/2011)
Much of the excitement we’ve seen so far about HTML5 has been for the new APIs: local storage, application cache, Web workers, 2-D drawing and the like.
But let’s not overlook that **HTML5 brings us 30 new elements to mark up documents and applications**, boosting the total number of elements available to us to over 100.
Semantics in HTML 5 (John Allsopp, ALA, 01/2009)
I’m going to make a bold prediction. Long after you and I are gone, HTML will still be around.
The Importance Of HTML5 Sectioning Elements (Smashing, 2013)
By Heydon Pickering. Nobody wants them, but Heydon is a purist and explains it beautifully. Whatever you call them — blocks, boxes, areas, regions — we’ve been dividing our Web pages into visible sections for well over a decade. The problem is, we’ve never had the right tools to do so. While our interfaces look all the world like grids, the underlying structure has been cobbled together from numbered headings and unsemantic helper elements; an unbridled stream of content at odds with its own box-like appearance.
Emmet Documentation
Emmet ist in Visual Studio Code integriert und für Brackets als Erweiterung verfügbar. Wenn man das HTML selbst schreibt, ist das eine quasi unentbehrliche Hilfe im Editor ...
HTML5 Bones (Ian Devlin, 12/2012)
A downloadable basic HTML5 template
Die Karte des HTML5-Universums •(Peter Kröner, 04/2012)
Ich habe glaube ich noch keinen einzigen Talk über HTML5 gehalten, in dem ich nicht auf diese Karte des HTML5-Universums zurückgegriffen habe
HTML5 Bones: The template that goes back to basics (Ian Devlin)
Stripping a HTML5 template down to the bare bones.
HTML5 Up! Responsive HTML5 and CSS3 Site Templates
The Story of the HTML5 Shiv (Paul Irish, 05/2011)
»This piece of information makes building an HTML5 compatibility shim for IE7 far easier than had previously been assumed.«
Google: title und description - Titel und Beschreibung von Websites