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

  • Keyboard-accessible resize

    Terence Eden is looking for a CSS-only image comparison slider.

    Note

  • What it felt like to make your first website

    Sara Joy asked on behalf of a DoNotReply Card seen by Dan Hon at #xoxofest.

    Note

  • Display’s multi-keyword syntax

    How inline-flex became inline flex, and more.

    Link

  • reading-flow

    The property formerly known as reading-order-items.

    Link

  • “Logical” border-radius

    Logical counterparts for individual border radii make sense, though not at first glance.

    Note

  • Hello Webrings

    They became cool again, so I’m gonna join the party.

    Note

  • Thoughts on CSS

    Jens Oliver Meiert’s take on using rather recent CSS features.

    Link

  • Keep bloggin’

    Following up on the “5000 days” milestone.

    Editorial

  • Back to the basics

    A yearning for simpler web development times.

    Note

  • 5000 Days

    An arbitrary milestone, celebrated nonetheless.

    Note

  • Form label event bubbling

    Call stopPropagation once, shame on you. Call stopPropagation twice, …

    Extra

  • Animating Emojis

    Look into the camera. Say ‘Cheese’!

    Extra

  • Web Share API meets A11Y

    A Progressive Enhancement conundrum.

    Extra

  • Web development is “easy”

    Throwing an old Brad Frost blog post into a conversation with Sara Soueidan.

    Link

  • Farewell Twitter!

    Thanks to #CSSDay 2024 I’m leaving for the second and final time.

    Editorial

  • Engineering for Slow Internet

    How to minimize user frustration in Antarctica.

    Link

  • Alt text without image

    An accessibility pattern I hadn’t come across so far.

    Note

  • Fediverse live-posting

    #CSSDay 2024 is the first conference where I fully commit to Mastodon.

    Note

  • CSS Day 2024

    @CSSDayConf 2024, returning to Amsterdam after six years.

    Event

  • Reranked

    Changing the way I calculate the most popular entries on this site.

    Note

  • Hyphenation

    Consistent browser behavior, but still hard to grasp.

    Extra

  • Not always mobile first

    With “Basics First” you’ll implement your designs with fewer lines of code.

    Essay

  • CSS Has Power

    :has() is a CSS feature that cannot be underestimated.

    Link

  • 11tyConf 2024

    A conference about (but not limited to) the 11ty static site generator.

    Event

  • Display flow-root

    The end of the clearfix hack, and more.

    Extra

  • More Minimum Unicode Knowledge

    Niki Tonsky on “what every developer must know about Unicode”.

    Link

  • Cursor: pointer

    Why do we add them to interactive elements other than links?

    Note

  • The CSScade

    CSSence featuring the CSScade, it’s that simple.

    Link

  • Superior Range Syntax

    One more thing about the improved viewport size media queries.

    Extra

  • 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.

    Extra

  • 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.

    Extra

  • aspect-ratio Gotcha!

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

    Extra

  • 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.

    Extra

  • 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.

    Extra

  • 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?

    Extra

  • 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?

    Extra

  • 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.

    Extra

  • 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 64 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.