Honoured to have been able to contribute to the Spirit of Astro.

And @hazims.bsky.social is taking us back to the future, with TWO beautiful t-shirt designs. shop.astro.build/products/ast... shop.astro.build/products/ast...

Nowadays there's `light-dark()`, but this is still useful for other types of values that change with the theme. For example, you may want to make subtle changes to font values based on the theme. Or to how thick lines/ borders need to be.

Just shared a new video drawing with CSS. This time is Yoda (or Grogu?) in a kawaii-ish style. youtu.be/r_FH65HpYgE?... He looked a bit sad with the mouth like that so I flipped the mouth and make it smile :) Live demo and source code on @codepen.io: codepen.io/alvaromontor... #css #cssArt #html

Say hello to The Big-Eyed CSS Shroom — a goofy little mushroom with massive eyes, long legs, and even a canary on his hand. It’s weird. It’s cute. It’s built with love (and CSS). youtu.be/vDEJ7j5jb2U

@dayplanner.bsky.social congrats on launching version 3 🎉 Do you have a public roadmap for the Mac version of the app?

This is fantastic! Thanks to ‪Dan ‪@simplebits.com for sharing this on his newsletter. It's a great project for the summer, with a humongous dollop of nostalgia. www.thestockpot.net/videos/cartr...

Sticky revealing footer: modern (ish) CSS makes it easy.

Because I keep seeing `position: absolute` + lots of of offset + size + transform + sometimes even margin properties to stack + middle align the stacked items... you can easily do it with 3 #CSS properties!

We have 7 videos on web technology at WWDC25!! What’s new in Safari and WebKit What’s new for the spatial web Learn more about Declarative Web Push What’s new in passkeys Verify identity documents on the web Unlock GPU computing with WebGPU Meet WebKit for SwiftUI webkit.org/blog/16987/w...

Jon Hicks, known for his icon designs for Firefox, MailChimp and Shopify, tells us how he uses Kirby as part of the 'Blog Questions Challenge':

Are you an Obsidian fan? Maurice Renck shares his setup for syncing content between Kirby and Obsidian

⚙️ New CSS Generator! Save this link for the future. A tool to easily convert any SVG shape into a CSS one in no time. Powered by the new shape() function! 🤩 css-generators.com/svg-to-css/ ✅ Single-element ✅ Responsive ✅ No more ViewBox headaches

“On popover accessibility: what the browser does and doesn’t do” by @hidde.blog and @scottohara.me hidde.blog/popover-acce...

And here's that Codepen refactored as promised using sibling-index()

For years, one of the most befuddling things for me in CSS was how “height: 100%” would sometimes just not work. Every time I tried to use it was a roll of the dice. 😅 Like everything else in CSS, though, it all makes perfect sense when we understand the underlying mechanism. ✨ Let’s explore. 🧵

Here’s how you can run your own Bluesky PDS It’s not very hard and my account has been running on mine for over 6 months youtu.be/7-VJvf39xVE

For one week only we're dropping the price of Complete CSS from £249 to £169! There's no code required, just head on over and grab your copy. If you're coming in from a country that gets Purchasing Parity Power (PPP) you can still apply those discounts at checkout too. piccalil.li/complete-css

What dev tools do you use and recommend? Writing a blog post about the best dev tools.

I am happy to (finally) announce that the #PracticalAccessibility course chapter update is now live! If you are enrolled in the course, log in to your account and check out the Changelog page for details about this update. 👀 I also have exciting news to finally share! 👇 [🧵]

[CSS Tip] I've noticed lately that some devs use `margin` to add gaps between flexbox items, particularly in menus. You can use `gap` property in Flexbox instead and avoid awkward `:not(:last-child)` or resetting margin on first/last item. 😉 It's in the baseline since April 2021. ✅

📣 It's live! Here's the full write up of how I show Bluesky likes on my blog posts, after I've shared them to Bluesky. Like this post to be featured on this blog post (until there are more than 59 likes, in which case, you'll bumped off)!

too lazy? watch.

I guess it is time to introduce Bluesky to my latest work, HTML for People. Anyone can make a website with HTML. No previous coding experience required. I cover everything you need to know to get started in an approachable and friendly way. And it’s free for all. 🚀 htmlforpeople.com

Just dropped a new video on YouTube 👉 @workos.bsky.social is my favorite way to set up authentication with @astro.build https://buff.ly/4ioBMMp

🎊 Happy New Year! I discovered a lot of very cool dev stuff in 2024, from libraries to devtools to educational resources. Thought it’d be fun to share them all, to help kickstart your 2025! Let’s go through the list. 🧵

#CSS color what's the difference between adjusting lightness, adding white, and adding black? feel it out, here in this Codepen column 1: from color to 100% lightness 2: from color to white 3. from color to black 4. from color to 0% lightness codepen.io/argyleink/pe...

Each year I ask myself these 40 questions. This will be my eleventh year. It's still one of my favorite rituals. It helps me see how phases of my life wax and wane. Each year new translations come in. We're up to 30 languages! Thank you to all the contributors 🥰 stephango.com/40-questions

Uploaded it to youtube so we can get an embed → www.youtube.com/watch?v=8327...

How do you make a button that doesn't change it's width when it's in a loading state? Use CSS Grid to stack items, and visibility: hidden to hide/show spinner! This approach allows the largest item to size the button, and keeps the button text accessible

If you're making a side project today or a personal site that needs a hero image, I made this lil hero generator a while back: hero-generator.netlify.app Enjoy!

A great-to-know tip to verify yourself using your Github account if you don't have a personal domain. 👇

@peteski.bsky.social here it is 🥧

Loving every single one on your list. Mine (excluding rappers you’ve already mentioned) would be, 1. 2Pac 2. Black Thought 3. DMX 4. Common 5. Phonte (Little Brother)

We found Windows OS chips at the grocery store

This is a fascinating thread from @jonathanhoefler.bsky.social. It’s also a masterclass in typography in general… in fact, I might just work this right into my workshop tomorrow! Thank you, Jonathan.

Hey! I already announced this on other platforms, but I'm building an online Git course :) I've just published the course outline at gitlegit.dev. Go 'ave a look and let me know what you think. Discount codes for anyone on the wait list pre-launch!

Have a friend who has never worked a conventional job in his life and is blissfully unaware of any and all office jargon. Must be nice

They had me at #rebeccapurple.

💫 i always love an animated link underline, but miss the text-decoration-skip-ink you get from standard text-decoration. turns out you can use -webkit-text-stroke, paint-order, and a clever bit of z-indexing to get it back :)

You can think of every user on here as a website! Here's a thread explaining how it works.

I made you a little something. Help yourself to this little SVG+CSS flutter effect for your links to your @bsky.app account. (Psst. And publish the links to your @bsky.app account) flutterby.philhawksworth.dev

If you’re comfortable with a terminal, there’s a free utility that will import all your X/Twitter posts to Bluesky backdated to the original timestamp, using your archive export file instead of the Twitter API. Video support is in beta. github.com/marcomaroni-...