Sign in

Shalanah Dawson

@shalanah.bsky.social
166 followers 366 following 50 posts

Software Engineer Loves UI development + running on ice 🧊 (broomball) Site: 🌐 shalanah.com Latest: ❄️ SuperSnowflakeMaker.com 🎊 WandaWhirl.com Github: 💻 github.com/shalanah

PostsRepliesMedia
Reposted by Shalanah Dawson
amanda cotan @amandacotan.bsky.social · 13/08/2026
a couple of sections of my tiny apartment
Stylized illustration of someone in their workspace.Stylized illustration of someone in their kitchen.
0436113
Shalanah Dawson @shalanah.bsky.social · 20/08/2026
I think the cornerstone of all great work is "play"
010
Reposted by Shalanah Dawson
CSS by T. Afif @css-only.dev · 26/06/2026
💡 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.
17317
Shalanah Dawson @shalanah.bsky.social · 11/06/2026
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...
Screenshot of start of article on image compression with a parrot and it's colors mapped out in a 3d colorspace cube
131
Reposted by Shalanah Dawson
Block Block Block - Demo on Steam @woodblocksgame.bsky.social · 06/06/2026
Block Block Block castle build over the years 🏰
0257
Reposted by Shalanah Dawson
Bramus @bram.us · 22/05/2026
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
youtu.be
What's new in Web UI
YouTube video by Chrome for Developers
15113
Reposted by Shalanah Dawson
Firefox for Web Developers @webdevs.firefox.com · 23/04/2026
sizes="auto" landed in Firefox 150, making responsive images simpler and more reliable. Here's when you can use it, and how…
518233
Reposted by Shalanah Dawson
Chris Coyier @chriscoyier.net · 24/04/2026
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…
chriscoyier.net
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.
6304
Reposted by Shalanah Dawson
Wes Bos @wesbos.com · 07/04/2026
HTML in Canvas API is NUTS
535736
Reposted by Shalanah Dawson
Bramus @bram.us · 01/04/2026
🔜 await element.scrollIntoView(); (and other scroll methods)
8465
Reposted by Shalanah Dawson
Hacker News Top Stories @hackernewsbot.bsky.social · 29/03/2026
Pretext: TypeScript library for multiline text measurement and layout | Discussion
github.com
GitHub - chenglou/pretext
Contribute to chenglou/pretext development by creating an account on GitHub.
021
Reposted by Shalanah Dawson
PixiJS @pixijs.com · 30/03/2026
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.
1111
Reposted by Shalanah Dawson
CSS by T. Afif @css-only.dev · 06/03/2026
border-shape is going to be a lot of fun! 👀 Stay tuned ...
0833
Reposted by Shalanah Dawson
codrops @codrops.bsky.social · 28/02/2026
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...
0222
Reposted by Shalanah Dawson
Derek McBurney @dmcb.dev · 27/02/2026
Love this site threejs.paris! (and would love to go!) #threejs
threejs.paris
Three.js Conf Paris
The first Three.js conference in Paris. Join the community, discover the lineup, and be part of the event.
021
Reposted by Shalanah Dawson
Babylon.js Official account @babylonjs.bsky.social · 12/02/2026
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
0152
Reposted by Shalanah Dawson
Neal Agarwal @neal.fun · 10/12/2025
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/
772654909
Reposted by Shalanah Dawson
Felix Turner @felixturner.bsky.social · 16/01/2026
Gradient pills effect. Live demo and source code: felixturner.github.io/tsl-gradient... #threejs #webgpu #tsl
some nice glowy pillssome nice glowy pillssome nice glowy pills that are a-jiggling
66016
Reposted by Shalanah Dawson
Mischa ☾ @mishotofu.bsky.social · 08/01/2026
Added a bayer dithering effect to my design portfolio! Kudos to Seva Dolgopolov for the tutorial #threejs #uxdesign #product
031
Reposted by Shalanah Dawson
wye @wyehuong.bsky.social · 09/01/2026
made my character walk today with a new animation. done purely in threejs and html 🙌🏻
111
Shalanah Dawson @shalanah.bsky.social · 03/01/2026
TIL: tanstack has filebased routing - I'm super late to this party!
030
Reposted by Shalanah Dawson
Super Snowflake Maker @supersnowflake.bsky.social · 27/12/2025
Make a paper snowflake day is here! Dec 27! youtube.com/shorts/xvLwk...
youtube.com
Make a paper snowflake day! December 27!
YouTube video by Shalanah Dawson
021
Reposted by Shalanah Dawson
Super Snowflake Maker @supersnowflake.bsky.social · 18/12/2025
Check out this awesome flake! x.com/nekojash143/...
paper snowflake design - screenshot of a playful design done in supersnowflakemaker.com
021
Shalanah Dawson @shalanah.bsky.social · 13/12/2025
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...
youtube.com
Spiral Betty @ Minndemo41
YouTube video by Minnestar
040
Shalanah Dawson @shalanah.bsky.social · 05/12/2025
Ukraine has found SuperSnowflakeMaker.com ❄️
060
Shalanah Dawson @shalanah.bsky.social · 05/12/2025
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".
010
Shalanah Dawson @shalanah.bsky.social · 17/11/2025
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...
Segmented type playground with different found typography
050
Reposted by Shalanah Dawson
Master.dev (Formerly Frontend Masters) @frontendmasters.com · 20/09/2025
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
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.
0101
Reposted by Shalanah Dawson
Storybook @storybook.js.org · 09/09/2025
The next version of Storybook will only have one significant breaking change: Storybook 10 is ESM-only.
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
311111
Reposted by Shalanah Dawson
Álvaro Montoro @alvaromontoro.com · 29/08/2025
A video mimicking the oreo joke to showcase different values of background-repeat in CSS www.youtube.com/watch?v=Eyhp... #css #youtube
youtube.com
Background-repeat... with cookies
YouTube video by Alvaro Montoro
193
Reposted by Shalanah Dawson
Muppet Wiki @muppetwiki.com · 08/09/2025
19324
Shalanah Dawson @shalanah.bsky.social · 23/08/2025
Making some small edits to a site of mine and got stuck in a loop 🌀
020
Reposted by Shalanah Dawson
Block Block Block - Demo on Steam @woodblocksgame.bsky.social · 17/08/2025
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
112125
Reposted by Shalanah Dawson
Jacob Joaquin @jacobjoaquin.bsky.social · 11/08/2025
Op Rhythm. #p5 #nextdraw
091
Reposted by Shalanah Dawson
🐴 Alex Trost @trost.codes · 04/08/2025
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!
181038
Reposted by Shalanah Dawson
Kristen Seversky @kr1573n.bsky.social · 26/07/2025
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.
4123
Reposted by Shalanah Dawson
Roni Kaufman @ronikaufman.bsky.social · 20/07/2025
🌼
Blue background. 18 geometric flowers shaped like Voronoi cells, with orange centres and 12 white petals.
213624
Reposted by Shalanah Dawson
Sara Soueidan @sarasoueidan.com · 20/07/2025
📢 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. ✨
survey.devographics.com
State of HTML 2025
Take the State of HTML survey
36334
Shalanah Dawson @shalanah.bsky.social · 02/07/2025
Best part about building Chrome extensions is just focusing on one browser and experimenting with the latest greatest.
010
Reposted by Shalanah Dawson
Bruno Stasse @brunostasse.bsky.social · 27/05/2025
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.
6404
Reposted by Shalanah Dawson
David Aerne @meodai.bsky.social · 24/05/2025
No API docs should have physics. Its super distracting.
4325
Reposted by Shalanah Dawson
Mohit Malik🔸 @mohit3dart.bsky.social · 17/05/2025
making progress, but slow • fortress wip #b3d #mayterials
3648
Reposted by Shalanah Dawson
Stefan Judis @stefanjudis.com · 11/05/2025
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...
Starting with Firefox 139, Nightly builds now support the View Transition API.
2533
Reposted by Shalanah Dawson
Strong Bad @strongbadnofoolin.bsky.social · 17/04/2025
Let's all go back: homestarrunner.com/toons/backto...
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."
9056832287
Reposted by Shalanah Dawson
Ana Tudor @anatudor.bsky.social · 28/11/2023
#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/...
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.
0226
Reposted by Shalanah Dawson
Jen Simmons @jensimmons.bsky.social · 08/04/2025
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...
webkit.org
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.
1018027
Reposted by Shalanah Dawson
Jacob Joaquin @jacobjoaquin.bsky.social · 28/03/2025
Transformations Ink on paper #p5 #nextdraw #kaleidoscope
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.
2344
Reposted by Shalanah Dawson
rémi @okremiok.bsky.social · 29/03/2025
look at him go
713497826
Reposted by Shalanah Dawson
Adam Argyle @nerdy.dev · 24/03/2025
in Chrome 135 - Tomorrow Mar 26, 2025 customize all the parts of a <select> with #CSS! ⤷ nerdy.dev/customize-a-...
1340570