article vs. section: How To Choose The Right One — Smashing Magazine
I really, really enjoyed this deep dive into practical HTML semantics. Sit back and enjoy!
Link tags: section
12
Tabs in HTML?
I’ve been having some really interesting chats with Brian about tabs, markup, progressive enhancement and accessibility. Here’s a braindump of his current thinking which is well worth perusing.
How Web Content Can Affect Power Usage | WebKit
The way you build web pages—using IntersectionObserver, for example—can have a direct effect on the climate emergency.
Webpages can be good citizens of battery life.
It’s important to measure the battery impact in Web Inspector and drive those costs down.
How to Section Your HTML | CSS-Tricks
A deep dive with good advice on using—and labelling—sectioning content in HTML: nav, aside, section, and article.
The Crushing Weight of the Facepile—zachleat.com
Using IntersectionObserver to lazy load images—very handy for webmention avatars.
russellgoldenberg/scrollama: Scrollytelling with IntersectionObserver.
This looks like a handy JavaScript library for scroll-based events. But “scrollytelling?” No. Just …no.
Do we need a new heading element? We don’t know - JakeArchibald.com
Jake is absolutely spot-on here. There’s been a lot of excited talk about adding an h element to HTML but it all seems to miss the question of why the currently-specced outline algorithm hasn’t been implemented.
This is a common mistake in standards discussion — a mistake I’ve made many times before. You cannot compare the current state of things, beholden to reality, with a utopian implementation of some currently non-existent thing.
If you’re proposing something almost identical to something that failed, you better know why your proposal will succeed where the other didn’t.
Jake rightly points out that the first step isn’t to propose a whole new element; it’s to ask “Why haven’t browsers implemented the outline for sectioned headings?”
(I added a small historical note in the comments pointing to the first occurrence of this proposal way back in 1991.)
Stubbornella » Blog Archive » Don’t Style Headings Using HTML5 Sections
Nicole provides a step-by-step explanation of why it will probably benefit you to add classes to your headings to ensure consistent styling without writing overly-verbose CSS.
HTML5 And The Document Outlining Algorithm - Smashing Magazine
A brave attempt to explain the new outline algorithm in HTML (although it inaccurately states that no browsers have support for it—Firefox shipped with it a while back).
You can safely skip the comments: most of them are discouraging, ignorant, and frankly, just plain stupid.
Get Ratio
A handy little tool for quickly generating ratios (like the golden section) from a number.
Article vs. Section: We've Finally Gone Mad - Opinions - MIX Online
A great post from the frontline of markup. This is just a taste of the confusion to come.
Bruce Lawson’s personal site : HTML5 articles and sections: what’s the difference?
Bruce gives a good explanation of the difference between section and article in HTML5.