The nicest article about JPEG compression, by @sophielwang.bsky.social The moment there are color stats involved, I’m in. It’s so well done it makes me think we need some kind of online library where articles like this get preserved. www.sophielwang.com/blog/jpeg

And a bit of preview

Engineering has always been about tradeoffs and judgment and I have seen nothing that indicates that this will change.

It's official: CSS now stands for Canadian Style Sheet! 🇨🇦 coming through with a great *performance*, sending 3 to the next round . Maybe we should have sent @kevinpowell.co , @joshwcomeau.com and @wesbos.com to the Milano Games in 🇮🇹 for the hockey finals. You good @nerdy.dev? 😂.

This was perhaps the most stressful programming I've ever done, I had a BLAST competing with @joshwcomeau.com and y'all should watch me panic-sing

I can't get over how amazing this series is. Production value is off the charts! Today’s episode is the right side of the bracket. I faced @cassidoo.co and our match was settled by the closest margin in the entire bracket. 😂

March MadCSS Round 1 PART TWO (the right side of the bracket) starts in ONE HOUR at 10AM on YouTube. @kevinpowell.co vs @selfteach.me @joshwcomeau.com vs @cassidoo.co.web.brid.gy @wesbos.com vs @bencodezen.io Ania Kubow vs @nerdy.dev

I’m so excited for this 😄. There’s a live chat during the premiere, and last week’s chat was a blast. Come hang out, if you can!

The CodePen 2.0 editor has a whole new brain: The CodePen Compiler. It looks at all your code, figures out what needs to be done, makes a plan, and executes it. It does a lot very quickly. (Go, naturally). Here's a page that goes into some of it: codepen.io/beta/compiler

Made this 3D animated puppy that I rendered into a 2D 1-bit style spritesheet CSS animation for my website. Weekend project went a bit overtime, but had to get it done before I'm off travelling 😪

Did you know that my next "funny as hell" fantasy, "We Interrupt This Program" about what happens when things go ungodly (or ungoddess-ly?) wrong in a magical "Murder She Wrote" style town -- is OUT? Go grab this "hilarious but heartfelt book" now!📚👀📺😅 Buy here ==> geni.us/weinterrupt

did u know new sata ssds are mostly empty inside but just the right size for a custom enclosure

Now that shape() is available in all major browsers, let me remind you that you can use my online generator to create any polygon with ... rounded corners! css-generators.com/polygon-shape/ Adjust the setting, then copy the code.

this is fun — if you wanted to try the MadCSS challenge, check this out

there's so much bad in the world but there's also people who lift up and carry an elderly bat around every day so he can pretend he's flying again, and that's the part of the world I think is worth fighting for

Congrats, @kevinpowell.co! Huge achievement 💯

@wesbos.com I’d be curious what % of people successfully guessed the first 4 Mad CSS matches! I’ve seen a few people say they’re 4 for 4, but I’m guessing that’s actually quite rare?

I have used subgrid to solve several layout problems recently in my work. I share lessons that I have learned and examples. I also point to some examples in @joshwcomeau.com's recent article on subgrid. jeffbridgforth.com/adventures-i...

Amazing how we went from not being able to style selects, to doing things like this with them codepen.io/editor/cbols... (and this codepen.io/t_afif/pen/P...)

Ok this is *fantastic.* I was wondering if the edit would capture just how tense these matches are, and the editors got it exactly right. 💯 The production value is ridiculously good, too. Feels like this should be on Netflix!

The first half of the bracket airs in 10 minutes! 🍿 I'll be hanging out in the chat for the premiere. Come hang out :D

The March Mad CSS website is so cool. They added a feed showing who people are picking in realtime. Today’s the last day to fill in your bracket! madcss.com

Ohh, this is super cool! You can play along, and see if you can do better than the competitors. 😄

The madness starts tomorrow at 10AM ET on YouTube! I’ll be hanging out in the livestream chat, should be a lot of fun. 😄 If you haven’t already, you can build your own bracket and predict who’ll win. ✨

⌛ Sending an email update about The Layout Maestro course in a few hours including release date, pricing, and more. If you want to be the first to know (and get a discounted price), subscribe to the newsletter: layoutmaestro.ishadeed.com

this is so cool haptics.lochie.me

Man @nerdy.dev absolutely coming out on top for the MadCSS.com picks. I'm a little hurt only 5% of you think I'd win

I’m working on the final part of Whimsical Animations, all about Canvas animation. There’s such fun examples in this part, from confetti geysers to fireworks displays. 😄 Here’s one of the smaller exercises leading up to the big stuff. 🚀

I think it's often overlooked that AVIF is also really good at flat colour & sharp edges. Don't go straight for a lossless format just because it's the kind of image that would look bad as a JPEG. Here's an 11kb image as an AVIF, vs JPEG XL.

I learned about Project Wallace (www.projectwallace.com) from @kevinpowell.co’s latest F1 video, and it's fun seeing the analysis for my own site! I really try to avoid nested styles, and happily it seems like I’ve done a pretty good job at that. 😄

This is such a cool concept! Pitting F1 teams against each other, but based on their websites. So now there’s the driver’s championship, the constructor’s championship, and the webmaster’s championship. 😄

This is amazing. www.getyourfuckingmoneyback.com

So excited for y’all to see me genuinely panic 😂 Also, you can fill in your brackets and potentially win prizes if you’re right!

@joshwcomeau.com manages to produce the most insightful, enjoyable posts about what the web can truly do.

The amount of work Josh puts in every blog post is absolutely mind boggling 🤯

ICYMI, I went over the State of React survey results last week.

We are so wildly unprepared as a species for computer programs that sound sentient. 😬

✍️ New post: Con­tin­voucly Morged Value Couldn't get out of my head what happened to @nvie.com’s diagram – and so I wrote down a few premature thoughts about what happens when we mistake the (AI) artifact for the work … matthiasott.com/notes/contin...

A new masterpiece by the one and only, @joshwcomeau.com 🌟🌟🌟🌟🌟

Always in for a treat with Josh's articles!

I love me a good sprite. Seems like ages since I used one on the web, it's an underused creative tool. Love the. 🤩

✨ I just published a new blog post about a nifty lil’ animation technique: sprites! Sprites are used all the time in video games, but they’re less common on the web. We do have the tools to manage it in CSS, but there’s a gotcha. In this post, I share some of the cool use cases I’ve found:

Playing with shape() and border-shape 👀 Cool demos in progress ⌛

Inspiring, dramatic, USA Hockey victories for both the men and the women this year. Congratulations to all. But let's be careful of the 1980 comparisons. Back then, we were the good guys, the champions of democracy against a totalitarian USSR. Today, it is, sadly, a very different story.

Final boarding call for my Valentine’s Day event! 💖 If you’ve ever taken one of my courses, I’ve generated a 50%-off discount code for you, but that coupon expires today! I only do this once a year, and it’s a “use it or lose it” type deal.

Publishing a new blog post next week about one of my favourite niche animation techniques: sprites with `steps()`. 😄 This was originally going to be part of Whimsical Animations, but it sorta works better as a standalone blog post. Excited to share it with y’all!

Woah, @hankgreen.bsky.social just released an explorable explanation! Great deep dive into what’s going on with young people and colorectal cancer. www.hankgreen.com/crc

Oh I like her 😂

⚠️ State of React survey results are live! I just went through the results, and there’s *a ton* of interesting stuff in here. Sharing my highlights in this thread. 🧵

Element-Scoped View Transitions are gonna be **SO GOOD** There’s still some details to settle, but the main thing is there: run VTs on a subtree of the DOM, allowing parallel VTs. And with `view-transition-scope` you can limit the scope of `view-transition-name` values, allowing VTs to be nested.