CSSence

Time flies, but at least it didn’t take me another twelve months to come up with my next emoji animation.

Last week I created an image comparison slider in pure CSS, and now I’m doing it again, only this time I’m using CSS logical properties.

Zach Leatherman wrote on May 12, 2022 at 14:47 I want to see your blog post greatest hits—show me your blog post that felt like it got a lot more traffic than usual.

Good to know There is a follow-up blog post that uses logical properties instead.

This is not an in-depth look on how it is done, because Stephanie Eckles already wrote about aspect-ratio (and beyond) on Smashing Magazine, way better than I ever could.

Manuel Matuzović wrote on April 4, 2022 at 17:37 I talked to Claudia and I met with Max and Daniel, they’re in!

Good to know I’ve also written a follow-up article named “Accent Color Access, Revisited”, published in 2024.

I already knew that it is perfectly fine to place media queries inside @supports, but I wanted to know if it also works the other way around.

Thanks to all the work that went into the latest redesign of this site, adding Dark Mode was rather easy.

Matthias Zöchling wrote on February 28, 2022 at 19:51 Just changed the first three letters in my Twitter user name to uppercase, to improve how it is announced in assistive technology.

Matthias Zöchling wrote on December 21, 2021 at 10:13 If you consider programming a masculine exercise, how about this New Year’s resolution: Stop it!

Introduction We’ve come a long way since the first iPhone supercharged the mobile web.

I told you last year this would eventually become a yearly tradition.

Matthias Zöchling wrote on November 25, 2021 at 03:43 Even if you have been into CSS since Zen Garden days, you’ll learn something reading “My Custom CSS Reset”.

Gunnar Bittersmann wrote on September 5, 2021 at 08:51 #a11y question: When the text alternative to an image is implemented using aria-labelledby, there’s no need for alt="", is it?

It was more than a day.

Manuel Matuzović wrote on July 6, 2021 at 13:55 Question for my #indieWeb friends: How do you deal with tweet-like posts on your website?

Sara Soueidan wrote on March 8, 2021 at 14:11 I would propose to skip skip links.

Matthias Zöchling wrote on February 9, 2021 at 12:22 From the director who brought us the developer-award-winning “Making Future Interfaces”, comes “Webbed Briefs”. briefs.video by @heydonworks Heydon Pickering wrote on February 9, 2021 at 12:48 In reply…

I’ve been attending Web Stories, which—according to their website—took place in the heart of Europe.

I woke up today wondering if I could add CSS code with CSS.

Nathan Vander Wilt wrote on January 5, 2021 at 04:39 11yo appears at top of stairs 40 minutes after going to bed: “Dad?

@Barry… wrote on December 29, 2020 at 09:21 Is there any difference between: <a href="/" aria-label="Good Label"><svg aria-hidden="true" … ></svg></a> and <a href="/"><svg aria-label="Good Label" role="img" … ></svg></a> And why not use <title> in this ca…

Preventing orphan elements with pure CSS—more on that in a bit—might not be something you’ll actually want to pursue, but it gives us a good reason to learn more about the :nth-last-child selector.

Matthias Ott wrote on November 25, 2020 at 20:09 People who make (and visit) websites!

This is the Final Part of a Three Part Blog Series.

When was the last time you had to debug print styles?

After last year’s first-ever WeAreWebClerks Community Conference, @WeAreWebClerks teamed up with @CssVienna and delivered the #ViennaCalling meetup straight to our homes via Twitch.

Stefan Baumgartner wrote on July 28, 2020 at 07:40 Medium has reached a point where it has become absolutely unusable for me.

Matthias Zöchling wrote on July 24, 2020 at 09:44 Apparently I joined Twitter 10 years ago today.

This is Part Two of a Three Part Blog Series.

This might become a yearly tradition, even though so far it only happened once before.

Florin Pop wrote on May 27, 2020 at 06:49 CSS debugging hack to visualize all the elements on the page: * { outline: 1px solid purple; } Matthias Zöchling wrote on May 27, 2020 at 09:18 In reply to: @florinpop1705.

Ethan Marcotte wrote on May 25, 2020 at 14:00 🦊 Oh my GOODNESS, responsive design turns ten today!

This is Part One of a Three Part Blog Series.

Today at work I’ve been debugging an accessibility issue with one of our more complex tables.

Manuel Matuzović wrote on April 28, 2020 at 09:46 I wanted to optimize a website for Opera Mini on a Nokia 3310.

Eric Meyer wrote on April 7, 2020 at 21:44 It’s been a few years since it was A Thing, true, but the most recent CSS Naked Day was held on the ninth of April.

Peter Kröner wrote on April 7, 2020 at 14:44 Wie oft habt ihr schon für nicht-humoristische Zwecke <script>, <head> usw. sichtbar gemacht und wie normale Elemente verwendet?

I use CSS variables, also called custom properties, a lot lately.

Jeffrey Zeldman wrote on January 24, 2020 at 02:37 ➠ Jam-packed with cool people and great new talks: @AnEventApart kicks off 2020 in Washington, DC’s Woodley Park.

Michael Scharnagl wrote on January 16, 2020 at 08:44 Should you self-host Google Fonts?

Matthias Zöchling wrote on December 24, 2019 at 08:21 The final edition of @24ways … Thank you @drewm and team for all those 15 years.

The book “Inclusive Components” by Heydon Pickering has finally arrived and I immediately started reading.

Brian Lovin wrote on December 9, 2019 at 22:43 Do you write about design or development on a personal, self-hosted blog?

I’ve been attending the first-ever WeAreWebClerks Community Conference 2019 in Vienna.

Matthias Zöchling wrote on November 23, 2019 at 19:51 Deadlines are good.

Ron Gilmour wrote on November 1, 2019 at 15:50 Greetings, #responsive #webdesign people!

It could be the app you are using, or the operating system you are on, there are a number of factors that influence which set of emojis you are looking at.

In a few months time I will be able to celebrate Five Years Without Facebook.