CODE CRISPIES

Blog

Hands-on web-development tutorials. Each post is short, code-first, and links back to a Code Crispies module to practice.

• color-mix() — CSS Now Does What You Used Sass For

  2026-05-10 · 3 min read

  Lighten, darken, tint, mix theme colors — pure CSS, no preprocessor. color-mix() and relative color syntax killed half my Sass usage.

• Container Queries — Dein erstes @container Layout in 5 Minuten

  2026-05-10 · 2 min read

  Media Queries reagieren auf den Viewport. Container Queries reagieren auf den Container. Der Unterschied ändert wie du responsive Komponenten baust.

• CSS clamp() richtig verwendet — Fluid Typography ohne Media Queries

  2026-05-10 · 2 min read

  clamp(min, preferred, max) ersetzt einen Stapel Media Queries durch eine Zeile. So wendet man es ohne Stolperfallen an.

• The :has() Selector — CSS's Missing Superpower

  2026-05-10 · 2 min read

  Style a parent based on its children, sibling based on a peer state, form based on whether any field is invalid. :has() ends a decade of JavaScript workarounds.

• Native Accordions, Properly Styled — Vanilla CSS and Tailwind

  2026-05-10 · 3 min read

  The HTML <details> element gives you accordions for free. Here's how to style it cleanly in both vanilla CSS and Tailwind, with no JavaScript.

• Native HTML Popovers — Menus, Tooltips, and Cards Without a Library

  2026-05-10 · 2 min read

  The popover attribute gives you accessible, dismissible overlays with three lines of HTML. Replace your tooltip library.