HTML 5.2 has introduced a new <dialog> element to show modal dialog boxes. Here’s a small demo by @bdc (forked version by me, including polyfill): Already available in Chrome; a polyfill is available for other/older browsers. Meet the New Dialog Element →Polyfill for the HTML <dialog> element → Siderant: I cannot help it, but my …
Tag Archives: html
HTML 5.2: The
Do we need a new heading element? We don’t know.
Great insightful post by Jake Archibald on the generic <h> element, which could act as a replacement for the current set of <h1>, <h2>, <h3>, … I always thought this to be a good case, as it’d would allow you to move components around in the DOM, and the “importance” of the heading would be …
Continue reading “Do we need a new heading element? We don’t know.”
Fixing HTML Video on Mobile
Samir Zahran on how and why they built Whitewater, an open source video encoder and player for their site: Common HTML5 Video features such as preloading and autoplay are completely missing in some browsers. The scripting APIs are limited compared to what’s available on desktop. Worst of all, Safari on the iPhone (the most popular …
Using <details>
in GitHub
Turns out you an use the <details> element in GitHub: <details> <summary>Summary Goes Here</summary> …this is hidden, collapsable content… </details> Handy if you have a rather big stack trace that might make your comment a tad too cluttered: Going into the rabbit hole it looks like support for this tag was initially requested back in …
HTML Parser Quiz
CodyHouse
3D Hartwig Chess Set
Using the Browser Developer Tools to their full potential
Are you using the developer tools to their full potential? The biggest positive about the developer tools is that they are incredibly easy to use, but as a result developers often miss out on a large proportion of the functionality provided. Inspired by a video talk by Paul Irish and Pavel Feldman, I’ve compiled a …
Continue reading “Using the Browser Developer Tools to their full potential”