Thanks to @arkhi (with whom I maintain the CSS Naked Day site), CSS Naked Day has a new home, css-naked-day.org!

See your websites CSS-free on April 9! 

https://css-naked-day.org/

First Look at The Modern attr() in CSS via @kerrick https://lobste.rs/s/tjyf9r #css
https://ishadeed.com/article/modern-attr/

I couldn't be more excited about the new attr() syntax in CSS! Check out my latest blog post all about this! #css #syntax #newcss #webdev #uidesign #webdesign

https://blog.gardinerbryant.com/the-new-css-attr-function/

#Development #Techniques
CSS-only blurry image placeholders · A minimal technique with a sophisticated mechanism https://ilo.im/163247

_____
#Images #Placeholders #Colors #Gradients #OKLAB #WebDev #Frontend #CSS

https://css-naked-day.org/ is now live. :)

Next step is to do something better with it!

Fun Facts: I Can See Your Page Title, But Why?! - Frontend Engineering Explained #css #webdev - Tagging @mia and @bramus as they were the catalyst - https://www.youtube.com/watch?v=lGBgcJAELdY

Just used color-mix() in production for the first time and uh....this is actual magic. I use a lot of colors with multiple shades (green1, green2, green3) and being able to reliably "mix" these in CSS is so cool.

#WebDev #CSS

https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color-mix

Today's lunch video is "Responsive Bento Grid #CSS Tutorial" - "Bento grids are all over the place these days, so when I saw the challenge by Frontend Mentor that recently came out, I said this is a perfect opportunity to dive in and explore creating Bento grids." https://www.youtube.com/watch?v=h4dHvo09cG4

Is it possible to use a view transition for an exit animation of something in the top-layer? For example, a popover that’s open, but following a link within it causes a transition (and consequently the popover is closed after the transition). #CSS #LazyWeb

Saw the header here https://mastodon.social/@sturobson@front-end.social/114279126167674533 and had to make a version that works without JS, works with image backgrounds behind the header, works for any level of page zoom and is fully flexible when it comes to following the text wrapping on resize.

Play with it on @codepen https://codepen.io/thebabydino/pen/MYWxeew

Last week I published a blog about the upcoming native #CSS Mixins. But did you know you can already use mixins since 2009? I didn't until a week ago. Let me know what you think about this method.

https://microblog.jvdezign.com/css-mixins-were-already-possible-since-2009
#web #webdevelopment #HTML

Using #CSS Variables Correctly: "In most cases, I consider it code smell if a media query swaps one variable for another. Rather than swapping variables it's better to define one variable, set its initial value and change it with a selector or media query." https://www.madebymike.com.au/writing/using-css-variables/

Liked | In defense of unpolished personal websites

https://ohhelloana.blog/in-defense-of-unpolished-websites/
https://reillyspitzfaden.com/interactions/2025/04/liked-in-defense-of-unpolished-personal-websites/

If you use BearBlog, a new theme has been added! Low Vision Reader. Initially by yours truly but Herman had to basically rewrite it so, well, the idea came from me anyway! But it's designed with large font by default, high contrast by default, and looks great on mobile devices! https://bearblog.dev/ #CSS #Accessibility #A11y

An RWD offcanvas 2 level menu ready... #css

Minimal CSS-only blurry image placeholders

https://leanrada.com/notes/css-only-lqip/

First Look at the Modern “attr()”, by @shadeed9:

https://ishadeed.com/article/modern-attr/

Хочеш цікаве меню на сайт у вигляді однієї картинки? У цій статті я докладно розповім, як можна легко організувати адаптивну карту зображень.

#CSS, #Front_end, #JavaScript, #Веб_розробка

https://ivaniura.org.ua/web/php-html-css/adaptyvna-karta-zobrazhen-yak-element-dekoru-sajtu