Shalanah Dawson

Segmented type playground with different found typography

It's getting cold - so that means more treadmill time.

It also has me staring and thinking about segmented type (miles, incline, laps on my little lcd screen...).

Today I also ran into this awesome playground by @aresluna.org. ❤️

aresluna.org/segmented-ty...

What You Need to Know about Modern CSS (2025 Edition) If you thought 2024 was packed with amazing new CSS, well, you're right. But so is 2025 and it keeps looking bright. Check out our list of the best stuff with easy-to-reference examples.

What You Need to Know about Modern CSS (2025 Edition)

If you thought 2024 was packed with amazing new CSS, well, you're right. But so is 2025 and it keeps looking bright. Check out our list of the best stuff with easy-to-reference examples.

A yellow 8 with a large and complex dependency graph underneath, a right arrow extending from that labeled 50% lighter pointing to a pink 9 with a much smaller and simpler graph underneath, another right arrow extending from that labeled 15% lighter pointing to a blue 10 with a simpler dependency graph labeled ESM and a graph with a red line through it labeled No CJS

The next version of Storybook will only have one significant breaking change:

Storybook 10 is ESM-only.

YouTube video by Alvaro Montoro Background-repeat... with cookies

A video mimicking the oreo joke to showcase different values of background-repeat in CSS
www.youtube.com/watch?v=Eyhp...

#css #youtube

Making some small edits to a site of mine and got stuck in a loop 🌀

For the next few weeks I am trying to get the game ready, and of course me mentally/emotionally ready for a private playtest ahead of a Demo.😰😀 sooooo... stay tuned for the call.

#gamedev #indiegame #godotengine

Op Rhythm. #p5 #nextdraw

Here's the full hero section from my upcoming Prismic course... this one took the longest out of everything. It has to be *just right*.

The loose keycaps are in a group and I just scale the group up to make them fly away. Lots of fun tricks in this one!

Love the color text as a texture in the background 🤩🌈

Okay, gang, the next phase of the "askhole" AI behavior: people asking actual humans to TL;DR or rewrite everything for them.

Just had this interaction on LI with an AI-titled person and I just...

We're treating bots as humans and humans as bots. No. Nope. No.

Restart the matrix.

Blue background. 18 geometric flowers shaped like Voronoi cells, with orange centres and 12 white petals.

🌼

State of HTML 2025 Take the State of HTML survey

📢 The State of HTML Survey is live survey.devographics.com/en-US/survey...

The #HTML and #CSS surveys are the only web surveys I don't want to miss. Thank you @sachagreif.com for making them, and @lea.verou.me for curating.

Please take a few minutes to fill the survey if/when you can. ✨

Aw thanks, it is! Honored to get a chance to work on it while I was at Amplify. It's Philipp Legner's brain child 🧠!

Merdlidop

Best part about building Chrome extensions is just focusing on one browser and experimenting with the latest greatest.

The backdrop not covering the status bar when opening a sheet on the web makes it feel... subpar compared to native.

So in Silk I baked-in the ability to blend them together by automatically dimming the theme-color in sync with the backdrop opacity.

No API docs should have physics. Its super distracting.

making progress, but slow • fortress wip #b3d #mayterials

Starting with Firefox 139, Nightly builds now support the View Transition API.

For my fellow Firefox friends, we might see some eye candy eventually. 🎉

Honestly, missing view transitions drove me pretty close to switching daily browsers... so let's see.

www.mozilla.org/en-US/firefo...

Strong Bad and Homestar Runner stand in a spotlight, singing on Strong Bad's desk. A little gold foil sticker says "25 dot coms" and text below them reads "Back to a Website."

Let's all go back:
homestarrunner.com/toons/backto...

1️⃣ Draw a line along the direction of the stripes, let's say along the main diagonal. Defaults for x1, y1, x2, y2 are all 0 and we want the start point x1,y1 to be at 0,0 (top left corner) anyway, so we only set x2,y2 at 100%,100% (bottom right corner). <line x2='100%' y2='100%' stroke='orange'/> This draws an orange ine along the main diagonal, from the top left corner to the bottom right one. 2️⃣ Make this line dashed. <line x2='100%' y2='100%' stroke='orange' stroke-dasharray='20%'/> This makes the line dashed. 3️⃣ Make this line thicker. <line x2='100%' y2='100%' stroke='orange' stroke-dasharray='20%' stroke-width='20%'/> This makes the dashed line thicker. 4️⃣ No, not like that... really, much thicker! <line x2='100%' y2='100%' stroke='orange' stroke-dasharray='20%' stroke-width='150%'/> The dashed line is now so thick that the dash lines stretch perpendicularly onto it to the point they cover the entire SVG rectangle.

#tinySVGtip Been using this forever, but don't think I've ever shared it here.

Easily create stripes along any direction in SVG!
✨ draw a line along that direction
✨ make it dashed
✨ make it much thicker
✨ no, not like that... I really mean much thicker!

That's it! 🥳🎉

codepen.io/thebabydino/...

Better typography with text-wrap pretty Support for text-wrap: pretty just shipped in Safari Technology Preview, bringing an unprecedented level of polish to typography on the web.

I’m super excited about `text-wrap: pretty`. It does a lot more to improve typography than you might expect — at least in Safari Technology Preview 216.

It improves all lines of text, not just the last 4. It enhances hyphenation & rag, not just avoiding short last lines.

webkit.org/blog/16547/b...

A geometric generative artwork featuring a symmetrical, 12-point starburst pattern composed of layered, rotated squares filled with fine linework. The composition uses red, cyan, and black inks, with overlapping transparencies creating rich secondary tones. The central white circle serves as a visual anchor, surrounded by intricate grid and web textures. The result is a hypnotic, kaleidoscopic image that evokes both sacred geometry and digital aesthetics.

Transformations
Ink on paper
#p5 #nextdraw #kaleidoscope

look at him go

in Chrome 135 - Tomorrow Mar 26, 2025
customize all the parts of a <select> with #CSS!

⤷ nerdy.dev/customize-a-...

worldwithoutcaesars.com

amazing what a few lines of #CSS can do

https://codepen.io/argyleink/pen/LEYOgxy

YouTube video by KMOX1120 Whole 'nother Story - February

February classic