Shalanah Dawson
@shalanah.bsky.social
Software Engineer Loves UI development + running on ice 🧊 (broomball) Site: 🌐 shalanah.com Latest: ❄️ https://SuperSnowflakeMaker.com 🎊 https://WandaWhirl.com Github: 💻 github.com/shalanah
💡 CSS Tip! An old design pattern solved by a modern CSS feature. css-tip.com/responsive-s... Learn how Gap Decorations makes it easy to add a separator between items using simple code with no hacks. It works with different alignment settings, and you can easily adjust the shape as well.
CSS by T. Afif@css-only.dev · 4mo ago📝 New CSS Article! I did a quick exploration of the new "Gap Decorations" thing, and I ended up doing a lot of fancy stuff except for decorating the gaps 😅 master.dev/blog/lets-pl... Read my latest article to learn a lot of nice tricks around this feature.
Wish Dan Hollick was over here in bsky - his explainer break downs and site are incredible. New one on image compression + file types www.makingsoftware.com/chapters/ima...
Block Block Block castle build over the years 🏰
Here's the recording of this year's “What's new in Web UI” talk @una.im and I gave at Google I/O earlier this week. youtu.be/uT7MVcCQ4rw Very happy with how it went, and I think you might find it useful, so give it a watch 😊 #ChromeDevRel #GoogleIO
What's new in Web UI
YouTube video by Chrome for Developers
youtu.be
sizes="auto" landed in Firefox 150, making responsive images simpler and more reliable. Here's when you can use it, and how…
It’s an assumed truth that Safari is better for battery life — without data to support it. This pseudo-truth just bugs me. I hear it all the the time. People saying they choose Safari as a browser because it's better for their battery. But there isn't any data (that I know of) that proves that…
It’s an assumed truth that Safari is better for battery life — without data to support it.
This pseudo-truth just bugs me. I hear it all the the time. People saying they choose Safari as a browser because it's better for their battery. But there isn't any data (that I know of) that proves that Safari is more efficient at battery usage than any other browser. I applaud Matt Birchler who did real testing on this (2024). He scripted a 20 minute loop that watched YouTube videos, scrolled Mastodon, scrolled websites, and typed in Google Docs.
chriscoyier.net
🔜 await element.scrollIntoView(); (and other scroll methods)
IntentToShip@intenttoship.dev · 6mo agoBlink: Intent to Ship: Programmatic scroll promises
Pretext: TypeScript library for multiline text measurement and layout | Discussion
GitHub - chenglou/pretext
Contribute to chenglou/pretext development by creating an account on GitHub.
github.com
Experimenting with the pretext library... saw a brick breaker demo and had to try making it in PixiJS. Wanted to see what happens when you add WebGL/WebGPU shaders to the mix. Using bloom, glow, rgb split filters from pixi-filters. plus gsaps physics plugin for the text effect.
The very first Three.js Conference is happening and we’re proud to support it as official sponsors 💙 Huge respect to David Ronai (@Makio64) for organizing it all, and to Hervé Studio for bringing threejs.paris to life. Go behind the scenes 👇 tympanus.net/codrops/?p=1...
Here's a very cool technique for a "walking in snow" effect! Done by forum user Tricotou! forum.babylonjs.com/t/walking-on... #BuiltWithBabylon #3D #WebDev #gamedev #indiedev #WebDevelopment #webgl #gamedevelopment #IndieDevs
Made a site comparing the sizes of living things :) The great Julius Csotonyi spent 5 months painting over 60 illustrations for the site, no ai used > neal.fun/size-of-life/
Gradient pills effect. Live demo and source code: felixturner.github.io/tsl-gradient... #threejs #webgpu #tsl
made my character walk today with a new animation. done purely in threejs and html 🙌🏻
TIL: tanstack has filebased routing - I'm super late to this party!
Make a paper snowflake day is here! Dec 27! youtube.com/shorts/xvLwk...
Make a paper snowflake day! December 27!
YouTube video by Shalanah Dawson
youtube.com
I didn't know giving a Minnedemo talk would be on my bucket list... but I'm so glad it got added. Amazing opportunity to tell Spiral Betty's story. www.youtube.com/watch?v=U3Ye...
Spiral Betty @ Minndemo41
YouTube video by Minnestar
youtube.com
So we've got `text-wrap: balance` and `text-wrap: pretty` how bout the same for flex-wrap? Would be nice not to have "runts".
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.
frontendmasters.com
The next version of Storybook will only have one significant breaking change: Storybook 10 is ESM-only.
