Search
68 results for “CSSence”
-
#CSSence #AdventCalendar Day 7
`:has()` meets `<li>` meets `<details>`. Safari fixed the bug mentioned in this article two weeks ago.
-
#CSSence #AdventCalendar Day 6
No more off-by-one errors in media queries. The article that turned the most heads this year was also the most fun to write.
»Superior range syntax«
https://cssence.com/2024/superior-range-syntax/(And it’s already my second most popular article of all time.)
-
#CSSence #AdventCalendar Day 5
Exactly one month ago I ended up “selecting an element which doesn’t descend from another”.
»Not to mention«
https://cssence.com/2024/not-to-mention/ -
#CSSence #AdventCalendar Day 4
While we wait for Rhythmic Sizing, there are a lot of units in #CSS we can put to good use.
»Relative CSS units«
https://cssence.com/2024/relative-css-units/ -
#CSSence #AdventCalendar Day 3
At one point this year, I did need an additional `<div>` element.
»CSS-only bottom-anchored scrolling area«
https://cssence.com/2024/bottom-anchored-scrolling-area/ -
#CSSence #AdventCalendar Day 2
From April Fools joke to serious article, published under two URLs, announced over the course of three days.
»Digital Gardens«
https://cssence.com/2024/digital-gardens/ -
#CSSence #AdventCalendar Day 1
Gotta start the advent calendar same way I’ve started the year, with my take on how #CSS has progressed.
»Is CSS alive?«
https://cssence.com/2024/is-css-alive/(From tomorrow onwards, things won’t be chronological anymore.)
-
#CSSence #AdventCalendar Day 0 (Announcement)
As mentioned, 2024 has been my best blogging year so far. For the next 24 days, I’ll be posting my 24 favorite articles; that’s as close as I’ll ever get to doing a “year in review”.
-
Progressive enhancement, accessibility, and the Web Share API. What do you think about my latest conundrum?
https://cssence.com/2024/web-share-api/ -
I (almost missed and) really enjoyed the first-ever #11tyConf last week.
https://cssence.com/2024/11tyconf/It had it all: From “_you_ can to that” to “you can do _that_‽”
-
I guess you know that the new range syntax allows media queries to be more concise. But IMO this isn’t even the best part. Let me explain:
https://cssence.com/2024/superior-range-syntax/Also, if you ever wanted to do music selection based on viewport size 🤨, this article is for you.
-
Ah, yes, the inaugural #JSNakedDay.
I didn't have time to prepare anything, but I'll join in spirit. Let me run the numbers for you.
At the time of writing, https://cssence.com/ has 314 pages, this note already included. 27 of them contain no JS, namely the RSS feeds. Out of the remaining 287 pages, 286 contain JS but function without it. That leaves us with the settings page, the only page with a `<noscript>` block. Don't go there today.
Feel free to browse my site with #JS turned off.
-
@matthiasott Why use a tool when you can put everything online? 😉
https://maggieappleton.com/garden-history
https://cssence.com/2024/digital-gardens/ -
Another #CSS Naked Day is about to end. Once again it’s been a delight to find like-minded people by following the #CssNakedDay and #css_naked_day hashtags. Line length has been the only downside of the day, but even that could’ve been mitigated by looking at sites on mobile only.
Some people admitted to cheating. Usually for a good cause, e.g. charts that would otherwise have been inaccessible.
On one site however (I forgot which) it was about something as simple as …
https://cssence.com/2024/native-visually-hidden/ -
To prolong the CSS Naked Day festivities, head over to my settings page¹ and change “CND observation” to 50 hours, i.e. whenever it is April 9 somewhere.
🌎 🌍 🌏¹ https://cssence.com/settings/
#CSS #CssNakedDay #css_naked_day -
Happy CSS Naked Day y’all!
https://cssence.com/about/css-naked-day/ -
#DigitalGardens—A story unfolds.
Day 3 of 3: Seedlings 🌱
https://cssence.com/2024/digital-gardens/ -
#DigitalGardens—A story unfolds.
Day 2 of 3: April Fools 🗓
https://cssence.com/2024/april-fools/ -
#DigitalGardens — A story unfolds.
Day 1 of 3: Easter eggs 🥚
https://cssence.com/series/easter-eggs/ -
Unicode Variation Selectors, by @CSSence:
-
The six levels of dark mode—because apparently, CSS needs its own Dante's Inferno. 😂 CSS Naked Day now includes philosophical debates on color schemes—riveting. 🔥 Remember, folks, when you can't solve a problem, just create six more. 🙄
https://cssence.com/2024/six-levels-of-dark-mode/ #CSSDarkMode #CSSNakedDay #ColorDebate #WebDesign #Humor #HackerNews #ngated -
The six levels of dark mode—because apparently, CSS needs its own Dante's Inferno. 😂 CSS Naked Day now includes philosophical debates on color schemes—riveting. 🔥 Remember, folks, when you can't solve a problem, just create six more. 🙄
https://cssence.com/2024/six-levels-of-dark-mode/ #CSSDarkMode #CSSNakedDay #ColorDebate #WebDesign #Humor #HackerNews #ngated -
The six levels of dark mode—because apparently, CSS needs its own Dante's Inferno. 😂 CSS Naked Day now includes philosophical debates on color schemes—riveting. 🔥 Remember, folks, when you can't solve a problem, just create six more. 🙄
https://cssence.com/2024/six-levels-of-dark-mode/ #CSSDarkMode #CSSNakedDay #ColorDebate #WebDesign #Humor #HackerNews #ngated -
The six levels of dark mode—because apparently, CSS needs its own Dante's Inferno. 😂 CSS Naked Day now includes philosophical debates on color schemes—riveting. 🔥 Remember, folks, when you can't solve a problem, just create six more. 🙄
https://cssence.com/2024/six-levels-of-dark-mode/ #CSSDarkMode #CSSNakedDay #ColorDebate #WebDesign #Humor #HackerNews #ngated -
The six levels of dark mode—because apparently, CSS needs its own Dante's Inferno. 😂 CSS Naked Day now includes philosophical debates on color schemes—riveting. 🔥 Remember, folks, when you can't solve a problem, just create six more. 🙄
https://cssence.com/2024/six-levels-of-dark-mode/ #CSSDarkMode #CSSNakedDay #ColorDebate #WebDesign #Humor #HackerNews #ngated -
😆 Ah, the #nostalgia of text-based browsers! This writer's love letter to #Lynx and #w3m is a trip down memory lane, where CSS is a four-letter word and *JavaScript* is a myth. 🚀 Spoiler: They don't matter, but hey, enjoy your pixelated, featureless web, grandpa! 🔍
https://cssence.com/2026/text-based-web-browsers/ #textbasedbrowsers #retroweb #pixelatedweb #HackerNews #ngated -
Here’s a similar take on (the lack of) minification by @anarodrigues
https://ohhelloana.blog/in-defense-of-unpolished-websites/
Also, shoutout to Matthias Ott’s #OwnYourWeb newsletter for the link.
-
So long stylesheets, see you again tomorrow. Happy #cssnakedday
