# matthias (blogs) — RSS Amplifier Recent posts from the 3 feeds in the RSS Amplifier directory that cover matthias. Page: Feed: --- ## [Monte Amiata Housing, Milan, Italy. Architects: Carlo Aymonino, Aldo Rossi. Photo: Matthias…](https://matthiasheiderich.tumblr.com/post/825218019055878144) _2026-08-17 · mattheiderich · Matthias Heiderich_ Monte Amiata Housing, Milan, Italy. Architects: Carlo Aymonino, Aldo Rossi. Photo: Matthias Heiderich ## [Glasgow, Scotland. Photo: Matthias Heiderich](https://matthiasheiderich.tumblr.com/post/824734805191180288) _2026-08-12 · mattheiderich · Matthias Heiderich_ Glasgow, Scotland. Photo: Matthias Heiderich ## [Rozzol Melara, Trieste. Architects: Carlo Celli, Luciano Celli, Dario Tognon. Photo: Matthias…](https://matthiasheiderich.tumblr.com/post/824491095313547264) _2026-08-09 · mattheiderich · Matthias Heiderich_ Rozzol Melara, Trieste. Architects: Carlo Celli, Luciano Celli, Dario Tognon. Photo: Matthias Heiderich ## [Gdansk Bridge, Warsaw. Photo: Matthias Heiderich](https://matthiasheiderich.tumblr.com/post/824132460399984640) _2026-08-05 · mattheiderich · Matthias Heiderich_ Gdansk Bridge, Warsaw. Photo: Matthias Heiderich ## [How to feature detect support for new at-rule?](https://cssence.com/2026/supports-at-rule-support/) _2026-08-05 · CSSence_ Matthias Zöchling wrote on August 5, 2026 at 06:53 Nifty! @supports at-rule(@supports) { /\* ✅ The browser supports \`@supports at-rule(…)\` \*/ } As seen in “Detect at-rule support in CSS with @supports at-rule(@keyword) ” by @bram.us Nicolas Chevobbe wrote on August 5, 2026 at 07:46 In reply to: @CSSence@mas.to . eh, this was just sent “Intent to Prototype: CSS at-rule() function for @supports” ## [Wuppertaler Schwebebahn. Photos: Matthias Heiderich](https://matthiasheiderich.tumblr.com/post/823920408107581440) _2026-08-03 · mattheiderich · Matthias Heiderich_ Wuppertaler Schwebebahn. Photos: Matthias Heiderich ## [Berlin Friedrichshain. Photo: Matthias Heiderich](https://matthiasheiderich.tumblr.com/post/823645801511256064) _2026-07-31 · mattheiderich · Matthias Heiderich_ Berlin Friedrichshain. Photo: Matthias Heiderich ## [Memorial and Cultural Center, Kolašin, Montenegro. Architect: Marko Mušič. Photo: Matthias Heiderich](https://matthiasheiderich.tumblr.com/post/823412892644900864) _2026-07-28 · mattheiderich · Matthias Heiderich_ Memorial and Cultural Center, Kolašin, Montenegro. Architect: Marko Mušič. Photo: Matthias Heiderich ## [Betonformsteine, Erfurt, Thüringen. Photo: Matthias Heiderich](https://matthiasheiderich.tumblr.com/post/823217269796683776) _2026-07-26 · mattheiderich · Matthias Heiderich_ Betonformsteine, Erfurt, Thüringen. Photo: Matthias Heiderich ## [Should you alter screen reader pronunciation?](https://cssence.com/2026/screen-reader-pronunciation/) _2026-07-25 · CSSence_ Sebastian Hädrich wrote on July 25, 2026 at 02:29 Is there a way to indicate “\[sic\]” to a #screenreader without it reading the brackets verbatim? Matthias Zöchling wrote on July 25, 2026 at 05:09 In reply to: @shaedrich@mastodon.online . I wouldn’t worry about it: 🔗 “Don’t Override Screen Reader Pronunciation” ## [AI QA That Opens Fix PRs (Sponsored)](https://crawlproof.com/a/q5VQLD1dkj4P) _2026-07-25 · **Sponsored**_ Runs browser QA, files issues with repro evidence, and opens fix PRs. ## [Hochhaus zur Palme, Zürich, Schweiz. Architects: Max Ernst Haefeli, Werner Max Moser, Rudolf Steige….](https://matthiasheiderich.tumblr.com/post/823010981366153216) _2026-07-24 · mattheiderich · Matthias Heiderich_ Hochhaus zur Palme, Zürich, Schweiz. Architects: Max Ernst Haefeli, Werner Max Moser, Rudolf Steige. Photo: Matthias Heiderich ## [Corviale, Rome. Architect: Mario Fiorentino. Photo: Matthias Heiderich](https://matthiasheiderich.tumblr.com/post/822946655783534592) _2026-07-23 · mattheiderich · Matthias Heiderich_ Corviale, Rome. Architect: Mario Fiorentino. Photo: Matthias Heiderich ## [“Blechbüchse” (Neubau) / Höfe am Brühl, Leipzig. Photo: Matthias Heiderich](https://matthiasheiderich.tumblr.com/post/822764149028290561) _2026-07-21 · mattheiderich · Matthias Heiderich_ “Blechbüchse” (Neubau) / Höfe am Brühl, Leipzig. Photo: Matthias Heiderich ## [Turm der Träume und Sehnsüchte, Trier / Germany. Architect: François Valentiny. Photo: Matthias…](https://matthiasheiderich.tumblr.com/post/822413204800110592) _2026-07-17 · mattheiderich · Matthias Heiderich_ Turm der Träume und Sehnsüchte, Trier / Germany. Architect: François Valentiny. Photo: Matthias Heiderich ## [Berufsschule für Detailhandel und Pharmazie, Zürich. Architects: Esther und Rudolf Guyer….](https://matthiasheiderich.tumblr.com/post/822194816643448832) _2026-07-15 · mattheiderich · Matthias Heiderich_ Berufsschule für Detailhandel und Pharmazie, Zürich. Architects: Esther und Rudolf Guyer. Photo: Matthias Heiderich ## [Schulhaus Stettbach, Zürich, Schweiz. Architects: Esther und Rudolf Guyer. Photo: Matthias Heiderich](https://matthiasheiderich.tumblr.com/post/822107993824952320) _2026-07-14 · mattheiderich · Matthias Heiderich_ Schulhaus Stettbach, Zürich, Schweiz. Architects: Esther und Rudolf Guyer. Photo: Matthias Heiderich ## [Wohnanlage Orpheus und Eurydike (Detail), München. Architects: Jürgen Freiherr von Gagern, Udo von…](https://matthiasheiderich.tumblr.com/post/821923295600443392) _2026-07-12 · mattheiderich · Matthias Heiderich_ Wohnanlage Orpheus und Eurydike (Detail), München. Architects: Jürgen Freiherr von Gagern, Udo von der Mühlen, Peter Ludwig. Photo: Matthias Heiderich ## [Kurmuschel, Sassnitz / Rügen. Architects: Dietmar Kuntzsch / Ulrich Müther. Photo: Matthias…](https://matthiasheiderich.tumblr.com/post/821852962689286144) _2026-07-11 · mattheiderich · Matthias Heiderich_ Kurmuschel, Sassnitz / Rügen. Architects: Dietmar Kuntzsch / Ulrich Müther. Photo: Matthias Heiderich ## [Farewell Twitter](https://cssence.com/2026/farewell-twitter/) _2026-07-08 · CSSence_ Next week would have been be my fifteenth Twitter anniversary, but that ain’t gonna happen, and it’s anyhow not a thing. For two reasons: Someone renamed Twitter, but more importantly, I deactivated my account 30 days ago, meaning the grace period is over and the account is gone. No big deal, I replaced it with Mastodon in 2022 and after an unnecessary course correction I stopped tweeting in 2024.… ## [Europaturm Frankfurt am Main, Germany. Architects: Johannes Möhrle, Peter Metzger, Erwin Heinle….](https://matthiasheiderich.tumblr.com/post/820921428410040320) _2026-07-01 · mattheiderich · Matthias Heiderich_ Europaturm Frankfurt am Main, Germany. Architects: Johannes Möhrle, Peter Metzger, Erwin Heinle. Photo: Matthias Heiderich ## [Countdown to Getting Paid (Sponsored)](https://crawlproof.com/a/ueqKffmmhDow) _2026-07-01 · **Sponsored**_ Create a shareable wallet timer — deposits buy back time and pay debt down ## [Frontend Graz meetup #10](https://cssence.com/2026/frontend-graz/) _2026-06-29 · CSSence_ I’ve traveled to Graz to for once \*not\* speak at the Frontend Graz meetup, and instead be a regular attendee who can simply enjoy the show. By the way, this was the tenth edition, because we include the times when it was still called CSS-in-Graz. Train delays and extreme heat cannot take away from the fact that it was once again a great experience. Talks & Speakers “Fighting Hardware Obsolescence… ## [Mourning Hall, Westhausen Cemetery, Frankfurt. Architect: Günter Bock. Photo: Matthias Heiderich](https://matthiasheiderich.tumblr.com/post/820381483924701184) _2026-06-25 · mattheiderich · Matthias Heiderich_ Mourning Hall, Westhausen Cemetery, Frankfurt. Architect: Günter Bock. Photo: Matthias Heiderich ## [One of the two Olivetti Towers, Frankfurt-Niederrad. Architect: Egon Eiermann. Photo: Matthias…](https://matthiasheiderich.tumblr.com/post/820110883775741952) _2026-06-22 · mattheiderich · Matthias Heiderich_ One of the two Olivetti Towers, Frankfurt-Niederrad. Architect: Egon Eiermann. Photo: Matthias Heiderich ## [Philosophikum II, Universität Gießen. Photo: Matthias Heiderich](https://matthiasheiderich.tumblr.com/post/819839770278739968) _2026-06-19 · mattheiderich · Matthias Heiderich_ Philosophikum II, Universität Gießen. Photo: Matthias Heiderich ## [Better be unhurried](https://cssence.com/2026/better-be-unhurried/) _2026-06-13 · CSSence_ Matthias Zöchling wrote on June 13, 2026 at 13:02 Speed is how you avoid reckoning. It guarantees you miss things, and you can’t learn from what you don’t notice. A blog post full of wisdom, by @jim-nielsen.com 🔗 “Speed is Not Conducive to Wisdom” Jan Dittrich wrote on June 13, 2026 at 14:48 In reply to: @CSSence@mas.to . there is a great book, “moral mazes”, on raising in corporate hierarchies,… ## [Gaps rule!](https://cssence.com/2026/gaps-rule/) _2026-06-05 · CSSence_ Matthias Zöchling wrote on June 5, 2026 at 08:13 🚀 New article on gap decorations (coming soon) in CSS. I have a small obsession with clean layout lines, and this is the first time it feels easy to draw them without polluting the markup. Goes through the new properties, a playground, and some experiments… 👾 🔗 “CSS is filling the gaps with rules” Great article by @utilitybend@front-end.social on… ## [Breaking bad](https://cssence.com/2026/breaking-bad/) _2026-06-04 · CSSence_ This is the third blog post of my Tales from the hospital miniseries. I wrote about edge cases in web design that I encountered between surgeries. Breakpoints Breaking points Breaking bad Contrary to my earlier hospital encounters this year, my third visit was planned. As are most site designs not an accident, someone did put in the effort. Which makes one thing even more worrisome: There being so… ## [HTML boilerplate](https://cssence.com/2026/html-boilerplate/) _2026-06-02 · CSSence_ Manuel Matuzović wrote on June 2, 2026 at 06:51 I should probably do a 2026 update of my HTML boilerplate post. I just need to figure out what changed in the past 5 years. Matthias Zöchling wrote on June 2, 2026 at 07:51 In reply to: @matuzo@front-end.social . Please do. Looking forward to the cutting the mustard part. @gray17@mastodon.social wrote on June 2, 2026 at 14:58 In reply to:… ## [Responsive images, simplified](https://cssence.com/2026/ricg-sizes-auto/) _2026-04-23 · CSSence_ @piccalil.li wrote on April 23, 2026 at 12:03 Mat Marquis has waited 14 years to write this article. The sizes attribute has been a necessary evil but now, with an auto value capability, it’s completely transformed authoring responsive images on the web. 🔗 “The end of responsive images” by @wil.to. Matthias Zöchling wrote on April 23, 2026 at 14:07 In reply to: @piccalil.li . Is there a place… ## [Screen time](https://cssence.com/2026/screen-time/) _2026-04-14 · CSSence_ Matthias Zöchling wrote on April 14, 2026 at 09:00 Most of your screen time isn’t leisure. It isn’t addiction. It isn’t even a choice. It’s maintenance. 🔗 »The last quiet thing« by @tg@indieweb.social. ## [Recipe PDFs Ready Fast (Sponsored)](https://crawlproof.com/a/TRyqVsRSoB0b) _2026-04-14 · **Sponsored**_ Turn online or personal recipes into clean, printable PDFs in seconds. ## [React space](https://cssence.com/2026/react-space/) _2026-04-13 · CSSence_ Sara Joy wrote on April 13, 2026 at 09:36 Quick front end question: How often have you seen elaborate mid-sentence CSS flex and gap or padding styling within React apps, when all that’s missing is what I’m calling a “React space”: {' '} ? Matthias Zöchling wrote on April 13, 2026 at 09:56 In reply to: @sjoy.lol . My answer is “not yet”, and I’d hope so is yours, but I guess there’s a reason the… ## [Unicode Variation Selectors](https://cssence.com/2026/font-variant-emoji/) _2026-04-12 · CSSence_ While I knew that Unicode has Variation Selectors (VS), I had no idea that CSS has a font-variant-emoji property. So it was time to connect the dots. A variation selector is a Unicode code point that, when placed immediately after another character, signals a specific presentation preference to the renderer. Variation selectors produce no visible output of their own — they are invisible modifiers.… ## [Animating emojis (2026)](https://cssence.com/2026/animating-emojis/) _2026-04-11 · CSSence_ I dedided to stay in glass territory: After last year’s use of the two Hourglass emojis I’m moving on to sunglasses . We all know that the smiling face with sunglasses 😎 exists in Unicode, but what about creating it manually? Putting 🕶️ on 🙂 should take us there. After finishing the initial animation, I realized I could throw in another one, so I made the smiley squint while the glasses are… ## [CSS Naked Day 2026](https://cssence.com/2026/css-naked-day/) _2026-04-09 · CSSence_ Matthias Zöchling wrote on April 9, 2026 at 07:22 So long stylesheets, see you again tomorrow. Happy #CSSNakedDay! Tamás Dohány wrote on April 9, 2026 at 14:44 In reply to: @CSSence@mas.to . +1 ## [Several shades of gray](https://cssence.com/2026/several-shades-of-gray/) _2026-03-04 · CSSence_ Alex Trost wrote on March 4, 2026 at 14:56 Can we all agree that this named CSS color is a poor representation of the color brown? More like a BrickRed than a Brown. Chris Coyier wrote on March 4, 2026 at 15:08 In reply to: @trost.codes . all this shittalk while the great tragedy still looms. Matthias Zöchling wrote on March 4, 2026 at 15:47 In reply to: @chriscoyier.net . There’s a typo on the… ## [Rebase feature branch](https://cssence.com/2026/rebase-feature-branch/) _2026-03-04 · CSSence_ When I write a blog post on this site, the workflow to get it live is quite simple: I commit the post on my main branch—aptly named “main”—and push it to GitHub. At this point Netlify takes over and publishes it. Then I let people on the social networks know that I wrote a thing. It’s quite likely that I get some comments this way, those then also become part of the blog post. To get the comments… ## [Print stylesheet renaissance](https://cssence.com/2026/print-again/) _2026-02-27 · CSSence_ @mayank.co wrote on February 27, 2026 at 02:01 this year i'm going to write at least one print stylesheet 🖨️ (i've never written one before!) Matthias Zöchling wrote on February 27, 2026 at 05:27 In reply to: @mayank.co . That reminds me, my Print First movement never took off. 🫣 ## [Breaking points](https://cssence.com/2026/breaking-points/) _2026-02-25 · CSSence_ This is the second blog post of my Tales from the hospital miniseries. I wrote about edge cases in web design that I encountered between surgeries. Breakpoints Breaking points Breaking bad For the first couple of weeks I refused to join the hospital Wi-Fi, instead I relied on my phone’s data plan. The problem is, there are thousands of patients and personnel all connecting to the same set of… ## [Human curation](https://cssence.com/2026/human-curation/) _2026-02-24 · CSSence_ Matthias Zöchling wrote on February 24, 2026 at 08:05 First order of business: Read »Continvoucly Morged Value« by @matthiasott.com. The care is the work. The care creates the value. AI doesn’t care. AI is just another tool. ## [Breakpoints](https://cssence.com/2026/breakpoints/) _2026-02-23 · CSSence_ This is the first blog post of my Tales from the hospital miniseries. I wrote about edge cases in web design that I encountered between surgeries. Breakpoints Breaking points Breaking bad The ambulance took me to the hospital. When it became clear that I wouldn’t be leaving anytime soon, I realized that I didn’t have my reading glasses with me. So to be able to read comfortably on my mobile phone,… ## [Popovers have an implicit anchor](https://cssence.com/2026/popover-implicit-anchor/) _2026-01-16 · CSSence_ Matthias Zöchling wrote on January 16, 2026 at 18:44 What a week! With the release of Firefox 147 Anchor Positioning became Baseline Newly Available , and thanks to @matuzo.at I learned that popovers have an implicit anchor. Sweet! 🔗 “Better defaults for popovers” ## [Call for cool (new) CSS](https://cssence.com/2026/call-for-cool-css/) _2026-01-14 · CSSence_ Manuel Matuzović wrote on January 14, 2026 at 12:55 Which cool (new) thing in CSS did you discover recently that I should check out, too? Matthias Zöchling wrote on January 14, 2026 at 13:05 In reply to: @matuzo@front-end.social . @page 😬 I’ll show myself out. Manuel Matuzović wrote on January 14, 2026 at 13:12 In reply to: @CSSence@mas.to . still TIL 😁 Matthias Zöchling wrote on January 14,… ## [Text-based web browsers](https://cssence.com/2026/text-based-web-browsers/) _2026-01-08 · CSSence_ Before I start, let me get two things out of the way: In this article I’m not going to include the admittedly cool browsh, because it only works by utilizing Firefox under the hood. When I say text-based, I’m talking about old-school browsers like ELinks , Lynx or w3m. These are also the three browsers I’ve used to test everything described below. Eventually I even looked into chawan. \[1\] The… ## [Safeguarded hyphenation](https://cssence.com/2026/hyphenate-limit-chars/) _2026-01-02 · CSSence_ Matthias Zöchling wrote on January 2, 2026 at 12:24 Having read “Justified Text: Better Than Expected” by @tylersticka.com et al., I learned about hyphenate-limit-chars , and in a nanosecond it jumped to the top of my list of CSS properties that I’d like to see getting full support across browsers. (Sure, it can be progressively enhanced, but still.) Adam Kuhn wrote on January 2, 2026 at 13:48 In… ## [Style Queries FTW!](https://cssence.com/2026/style-queries-game-changer/) _2026-01-01 · CSSence_ Matthias Zöchling wrote on January 1, 2026 at 10:28 Me: Style queries are a game changer! Also me: CanIUse CSS Container Style Queries? ## [MathML](https://cssence.com/2025/mathml/) _2025-12-21 · CSSence_ Matthias Zöchling wrote on December 21, 2025 at 08:32 The HTMHell Advent Calendar never disappoints, but this year contained an article that came out of left field, given that I’ve never used MathML so far. 🔗 A11Y considerations in math on the web Matthias Zöchling wrote on December 21, 2025 at 08:35 Continued from previous comment. But that’s not all: The author Manuel Sánchez has an #A11Y… ## [Accessibility is personal](https://cssence.com/2025/accessibility-is-personal/) _2025-12-19 · CSSence_ It’s no coincidence that my online identity starts with CSS: I get paid to make HTML look nice. But for many years now, web accessibility—or A11Y, if you are into numeronyms —plays an even bigger role. Is making the web more accessible rewarding? That too. But at the same time, it is demanding. And quite often exhausting. Over at work, I’ve been the web accessibility go-to guy for a long time. The… ## [Favorite websites](https://cssence.com/2025/favorite-websites/) _2025-12-04 · CSSence_ Matthias Zöchling wrote on December 4, 2025 at 08:57 I have a list of favorite websites that I revisit when I need inspiration, but these are the three I keep circling back to the most: @ethanmarcotte.com for design & layout @piccalil.li for rhythm & typography @adactio.com for “View source" What are yours? Tyler Sticka wrote on December 4, 2025 at 16:04 In reply to: @CSSence@mas.to . All three… ## [@import ⚭ @supports](https://cssence.com/2025/import-with-supports/) _2025-12-03 · CSSence_ You probably know that the @charset declaration can only be placed at the very beginning of a stylesheet. We have a similar situation with @import , here’s what the MDN article on the ability to import a stylesheet from within another stylesheet has to say: An @import rule must be defined at the top of the stylesheet, before any other at-rule (except @charset and @layer ) and style declarations,… ## [Baseline baseline](https://cssence.com/2025/baseline-baseline/) _2025-11-09 · CSSence_ Matthias Zöchling wrote on November 9, 2025 at 08:26 Sure, I enjoy reading about anchor positioning and view transitions as much as the next guy, but it’s ever so refreshing to read about down-to-earth CSS stuff: 🔗 “Fixing baselines” Initially I misinterpreted the title, I thought this was about Baseline browser compatibility (maybe that’s why I did a 😈 smile when I saw the pun in your post,…