opacity: .5em Took me forever to figure out why this wasn't working. #CSS

To support some basic personalisation you can set the accent colour. That colour is used as the base for all other colours. All via CSS (there's a little bit of JS used to make it update live on the settings page). #Readlynx #CSS

I wrote a new article for Frontend Masters: Step Gradients with a Given Number of Steps! Consider this problem: you are given 2 hex codes + a number of steps. How would you code a step gradient? Think about it, then see my solution frontendmasters.com/blog/step-gradients-with-a-... Hope you enjoy, a lot of work went into it. ... show more#CSS

Stupid #a11y question: is it okay to have this structure? I need a filter on the img, but not on the figcaption too, so I can't apply it on the figure. Also can't apply it on the img because the img has a mask, which applies *after* filter, but I need it applied *before* bsky.app/profile/anatudor.bsky.social/post/3lmg... ... show more#accessibility

If a grid has `n` columns, it has `n - 1` gaps in between them. Enjoy this interactive Rainy Cricket demo illustrating the concept: codepen.io/thebabydino/pen/LEVqOpZ #CSS #cssGrid #cssLayout #code #coding #web #dev #webDev #webDevelopment #frontend

Minecraft Clone Manages With Nothing But HTML + CSS - Can a 3D Minecraft implementation be done entirely in CSS and HTML, without a sing... - hackaday.com/2025/06/25/minecraft-clone-manages... #softwarehacks #minecraft #html #css

Making you puke with pure #CSS: oscillating bars with chromatic aberration + motion blur. Check it out on Rainy Cricket... at your own peril! codepen.io/thebabydino/pen/rNmQYWm #cssBlendMode #code #coding #webDev #frontend #web #dev #webDevelopment

I'm sure I also fuck up lots of things when it comes to #accessibility. But this is an easy one to check and fix. Please test your fucking text contrast before putting themes out there for people to use. #a11y #CSS #code #coding #frontend #web #dev #webDev ... show more#webDevelopment

I wrote something about #AI... something with a long title! ChatGPT and the proliferation of obsolete and broken solutions to problems we hadn’t had for over half a decade before its launch frontendmasters.com/blog/chatgpt-and-old-and-br... It takes the #ChatGPT answer to a particular question, dissects it and goes through a... show more