The Year 2024

… on CSSence.com

Index

Dear visitors, i.e. search engines and you: This is an archive page. It makes it easier to find blog posts, even those that no longer classify as “most recent”.

All posts

  • The CSScade

    CSSence featuring the CSScade, it’s that simple.

    Link

  • Superior Range Syntax

    One more thing about the improved viewport size media queries.

    Code

  • Redesigning in the open

    My site now has a dedicated links section. But there’s more.

    Editorial

  • JS Naked Day

    April 24, 2024: The inaugural JS Naked Day.

    Link

  • Expressing style sheets

    After 20+ years, I’ve been working with XSLT again.

    Note

  • Color scheme switcher

    HTML-only and beyond: Automatic, light, or dark color scheme.

    Code

  • Six levels of dark mode

    From HTML-only to JS-infused, and all the CSS in between.

    Essay

  • I ❤️ validator

    This is a public service announcement.

    Link

  • Garden States

    Why use tools when you can put everything online?

    Note

  • Native visually hidden

    I did some research on last year’s debate whether we need it.

    Essay

  • CSS Naked Day 2024

    From now on, I’ll celebrate every year. Automatically.

    Note

  • SelfHTML.org

    A long-running German HTML community that I know the name of.

    Note

  • CSS-only bottom-anchored scrolling area

    I’ve added an additional wrapper to Kitty Giraudel’s CodePen.

    Code

  • aspect-ratio Gotcha!

    Be careful when you want to use aspect-ratio on an image element that has width/height attributes.

    Code

  • Digital Gardens

    Digital gardening, an emerging trend?

    Editorial

  • Modern Font Stacks

    “No downloading, no layout shifts, no flashes.”

    Link

  • Links Worth Sharing

    A link to an article by Matthias Ott, shared by Nicolas Hoizey, shared again by Matthias Zöchling.

    Link

  • Working in A11Y

    … can be exhausting. What Heather Buchel writes really resonates with me.

    Link

  • Relative CSS units

    Quite a few more units have entered the picture.

    Code

  • Image format webp

    Browser support has been there for a long time. At some point it made its way into this site.

    Note

  • RSS Feed!

    I can answer that my blog has one.

    Note

  • Media Queries Test Page

    May contain traces of Media Queries Level 5.

    Code

  • Support for lh unit

    The lh unit is available cross-browser.

    Link

  • Progre(C)SS

    CSS capabilites are advancing at an incredible pace.

    Note

  • Sabotaging Web Apps is indefensible

    I’ve signed an open letter to Tim Cook.

    Link

  • RSS Feed?

    I got asked if my blog has one.

    Note

  • CSS-in-Graz Meetup #3

    I spoke about Windows High Contrast Mode.

    Event

  • Firefox and Ellipsis

    Is ellipsis shown randomly inside a flex container?

    Code

  • Attending CSS-in-Graz

    I’ll be speaking at the 3rd CSS-in-Graz Meetup.

    Note

  • accent-color is no CSS variable, revisited

    But did you know there are also AccentColor and AccentColorText?

    Code

  • AccentColor and AccentColorText

    Today I learned about two new CSS system colors.

    Note

  • :has() Has Landed

    At long last, I’ve added a dash of :has() to my site.

    Code

  • Seemingly Bookmarked

    My »Is CSS alive?« post showed up in Roma Komarov’s Weekly Bookmarks.

    Link

  • Seemingly Unimportant

    But only at first glance: min() and max(). My response to a #ServiceToot by Matthias Ott.

    Note

  • CSS Has Forgiven

    TIL how to make :has() a forgiving selector.

    Link

  • Table Column Alignment

    Amelia Bellamy-Royds asks when/why browsers stopped supporting the HTML align attribute on table columns.

    Note

  • Is CSS alive?

    Spoiler alert: More than ever! But let me go back in time a bit.

    Essay

The list above contains 37 entries, but there are a lot more in other sections on this site. To see what else is going on, you may want to head over to the home page or browse using the navigation below.