Mastodawn

Giving pages a clear shape by using headings
https://www.htmhell.dev/adventcalendar/2025/16/
#html #headings #webdev #a11y

Giving pages a clear shape by using headings - HTMHell

A collection of bad practices in HTML, copied from real websites.

Giving pages a clear shape by using headings - HTMHell

Inautilo Feb 21

#Development #Guides
Accessible building blocks for the web · Key considerations for common website elements https://ilo.im/16afmp

_____
#Accessibility #Headings #Images #Links #Buttons #Forms #Websites #WebDev #Frontend #Videos

Accessible building blocks for the web videos - TetraLogical

By applying accessibility considerations to the building blocks of your web content you can create digital products that everyone can use. Our Accessible building blocks for web video series introduces key accessibility considerations for some of the most widely used elements on websites - from headings to images, links, buttons, and form fields.

TetraLogical

Inautilo Feb 17

#Development #Introductions
The CSS ‘:heading’ pseudo-class · Styling HTML headings is about to get easier https://ilo.im/16aokc

_____
#ModernCSS #Headings #DesignSystems #Design #WebDesign #WebDev #Frontend #CSS #HTML

Style Headings using the CSS :heading pseudo-class

Use the :heading pseudo-class to style all headings (h1-h6) with a single CSS rule. Reduce repetition in design systems and component libraries while maintaining consistency.

Always Twisted

Inautilo Feb 17

#Development #Introductions
The CSS ‘:heading’ pseudo-class · Styling HTML headings is about to get easier https://ilo.im/16aokc

_____
#ModernCSS #Headings #DesignSystems #Design #WebDesign #WebDev #Frontend #CSS #HTML

Style Headings using the CSS :heading pseudo-class

Use the :heading pseudo-class to style all headings (h1-h6) with a single CSS rule. Reduce repetition in design systems and component libraries while maintaining consistency.

Always Twisted

Frontend Dogma Feb 16

Style Headings Using the CSS “:heading” Pseudo-Class, by @sturobson:

https://www.alwaystwisted.com/articles/styling-with-the-heading-pseudo-class

#headings #css #selectors

Style Headings using the CSS :heading pseudo-class

Use the :heading pseudo-class to style all headings (h1-h6) with a single CSS rule. Reduce repetition in design systems and component libraries while maintaining consistency.

Always Twisted

Frontend Dogma Dec 31

The Final Nail in the HTML5 Document Outline Coffin, by @tempertemper:

https://www.tempertemper.net/blog/the-final-nail-in-the-html5-document-outline-coffin

#html #headings #accessibility