Mastodawn

CSS by T. Afif

1h ago

💡 CSS Tip!

A sliding liquid reveal effect, because why not! 🫗

https://css-tip.com/sliding-liquid/

Another demo powered by shape() and made easy with my online generators: https://css-generators.com/wavy-divider/

#CSS #HTML

Frontend Dogma 4h ago

Beyond “border-radius”: What the CSS “corner-shape” Property Unlocks for Everyday UI, by @utilitybend (@smashingmag):

https://www.smashingmagazine.com/2026/03/beyond-border-radius-css-corner-shape-property-ui/

#css #borders

Beyond border-radius: What The CSS corner-shape Property Unlocks For Everyday UI — Smashing Magazine

For years, developers have been hacking around the limitations of `border-radius`, using clip-path, SVG masks, and fragile workarounds just to get anything other than round corners. The new `corner-shape` property finally changes that, opening the door to beveled, scooped, and squircle corners.

Smashing Magazine

Frontend Dogma 4h ago

Front-End Fools: Top 10 April Fools’ UI Pranks of All Time, by @csstricks:

https://css-tricks.com/front-end-april-fools-top-10/

#retrospectives #css #ux #google

Front-End Fools: Top 10 April Fools’ UI Pranks of All Time | CSS-Tricks

These are the historical pranks I consider the top 10 most noteworthy, rather than the “best.” You’ll see that some of them crossed the line and/or backfired.

CSS-Tricks

Inautilo 4h ago

#Development #Approaches
CSS refactoring with an AI safety net · AI visual diffing ensured regression-free changes https://ilo.im/16bt71

_____
#Refactoring #CSS #AI #ClaudeCode #CoPilot # Playwright #VisualRegression #WebDev #Frontend #JavaScript

CSS Refactoring with an AI Safety Net

How to safely refactor messy CSS using AI assistance and screenshot-based visual diffing as a regression safety net.

Naty 6h ago

After another lovely #HomebrewWebsiteClub meeting, I got inspired to add a little feature that was on my #personalwebsite to-do list: a permalink section.

I learnt that you can add a #CSS rule to make the text selection default to all with: `user-select: all`

If you have a #personalsite or interested in the #IndieWeb, join the next HWC!

https://events.indieweb.org/2026/04/homebrew-website-club-pacific-J2F3dbpSaYOL

Inspired by https://jamesg.blog/ and @tantek.com

#webdev #blogger #hugo #hugossg

dirk dierickx 7h ago

There can never be enough #doom ports, the newest is Doom rendered in #css

https://nielsleenheer.com/articles/2026/css-is-doomed-rendering-doom-in-3d-with-css/

#retrogame #retrogaming #webdev

CSS is DOOMed!

Every wall, floor, barrel, and imp is a div — DOOM rendered entirely in CSS. Using 3D transforms, CSS math functions, @property, clip-path, anchor positioning, and SVG filters to build a fully playable 3D first-person shooter in the browser without Canvas or WebGL.

Hello my name is Niels Leenheer

Jake Spurlock Nov 20, 2012

WordCamp Salt Lake 2012

Gave a talk at WordCamp Salt Lake a few months ago, and thought I would link to the slides. I created them using the slide framework that was developed for Google I/O. My talk was titled Bootstrap, Responsive Theme Development. I talked a lot about generic HTML/CSS things, with a few WordPress specific tricks. Turned out pretty well, I hope to do it again someday.

Bootstrap, Responsive Theme Development

#Bootstrap #CSS #HTML