It's one of the core principles of web development and it means that you should Choose the least powerful language suitable for a given purpose.
Custom Switches (genial)
Checkbox wird per CSS zu einem Schieberegler
appearance: none = geil
input checkbox wird grauer Hintergrund
::before wird little white dot
:checked { background: green }
:checked::before { transform: translateX(1rem); }
Datalist, a native autosuggest
A color picker that does more
Accordions
Dialog modals
There are dozens more examples I could've added into this article, here are just some you can look into:
Native smooth scrolling with scroll-behavior: smooth (but only when prefers-reduced-motion: no preference matches!),
Native carousels with scroll-snap,
"In-view" elements with position: sticky
…Not to name the whole concept of container queries.
And if we look into the future, we're getting even more cool things:
Scroll driven animations
Masonry layouts with grid-template-rows: masonry
A fully stylable select with the new selectlist element (where you can style each part of a select without destroying all the native functionality it comes with)
The :has() selector that's going to eliminate a whole class of JS selection
Current Page Link Styles - Impressive Webs (Louis Lazarus, 2012)
Grundsatzartikel. How to use class names in your HTML to identify the current page and provide custom current page link styles depending on what page the user is on.
Fügt die Klasse den Links zu, aber beschreibt es auch mit Listenelementen.
HTML Boilerplates (CSS-Tricks, Chris Coyier, 05/21)
Chris shows the boilerplate from Manuel Matuzović and also mentions other projects like the famous HTML5 Boilerplate, the HTML index file and the HEAD project.
Every element I use for the basic structure of a HTML document, with explanations why.
Usually when I start a new project, I either copy the HTML structure of the last site I built or I head over to HTML5 Boilerplate and copy their boilerplate.
Recently I didn’t start a new project, but I had to document the structure we use at work for the sites we build. So, simply copying and pasting wasn’t an option, I had to understand the choices that have been made.