To quickly see an elements containing block, I use a live expression `$0.offsetParent` in the Chrome Devtools console.

I see Polypane has that exposed https://devtoolstips.org/tips/en/find-the-offset-parent-of-an-element/ — but is there an easier way in Chrome?

<dialog> open and close animations with `view-transition`

https://codepen.io/fgeierst/pen/LEYaJqo

Works in Chrome and Safari, Firefox is getting there https://bugzilla.mozilla.org/show_bug.cgi?id=1823896 as part of https://wpt.fyi/results/css/css-view-transitions?label=master&label=experimental&aligned&view=interop&q=label:interop-2025-view-transitions

Can someone explain to me why my a::selection text-decoration color is not applied in Firefox and how I can get it to work? It does the right thing in Chromium.

https://jsfiddle.net/m7j4qpaL/1/

What I really like about the current state of #CSS with things like grid, flexbox, relative units, etc.:

It is "describe your intent and let the browser handle the math and details". It can be complex at times, because you have to clearly express your intent, but it's also immensely powerful.

I still remember getting yelled at by so called "Art Directors" for not being able to 100% reproduce their "pixel perfect" Photoshop layouts across multiple browsers and operating systems.

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

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

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

Matching drop shadows across #CSS, Android, iOS, Figma, and Sketch: "If you’ve ever tried to implement consistent shadows across multiple platforms and design tools, you may have noticed that they don’t look the same. Thankfully, it is possible to get them all to match." https://bjango.com/articles/matchingdropshadows/

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

Minimal CSS-only blurry image placeholders

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