Chris Yee

Transition to `height: auto` & `display: none` Using Pure CSS Find out how to easily transition to intrinsic sizes and trigger transitions when an element receives its first style update using new CSS features.

Great article on animating auto from @cssweekly.com
I really love that we can animate grid tracks now too. Lots of good examples in this one.

blog.css-weekly.com/transition-t...

HTML for People HTML isn't only for people working in the tech field. It's for everyone. Learn how to make a website from scratch in this beginner friendly web book.

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

Columns Should be Able to Set to Stack Left on Top OR Right on Top on Mobile · Issue #40706 · WordPress/gutenberg What problem does this address? Currently, the Columns block as a 'Stack on mobile' feature. It's great, but slightly limiting because the left column always stacks on top. We have encountered lots...

For my third and final wish (you are a genie right? 🤣), I wish that you could re-order the columns block on mobile. Currently to do this I have to add a custom CSS class to block which is easy for me, but not as easy to understand for the client. github.com/WordPress/gu...

Insert Link: consider adding an "Additional CSS Class" field to the link inserter · Issue #13368 · WordPress/gutenberg Every block allows an additional css class in the extended section. It would be great if an additional css class could be assigned to links also. The resulting html would be: <a **class="my-class"*...

And for my second wish, I would love the ability to add custom CSS classes to the links. In the past I've had to get around this by converting the block to HTML. There's a closed issue on GitHub with other's wanting this functionality: github.com/WordPress/gu...

Table block: Merge/Unmerge cells · Issue #15821 · WordPress/gutenberg The Table block does not provide a way to merge or unmerge cells. It's a popular feature request for the Table block, let's see if we can make this happen. 😉 Something similar to this (Google Docs)...

I wish that the table block had the ability to span/merge cells. github.com/WordPress/gu...

Did you get any cool swag?

Next-level frosted glass with backdrop-filter • Josh W. Comeau Glassy headers have become a core part of the “slick startup” UI toolkit, but they’re all missing that final 10% that really makes it shine. In this tutorial, you’ll learn how to create the most reali...

One of my favourite UI patterns is using `backdrop-filter` to create a “frosted glass” effect.

When I see this effect in the wild, though, it’s almost never as lush and realistic as it could be. There’s an important optimization that nobody makes.

✨ I share the secret sauce in my brand-new post:

One Of Those "Onboarding" UIs, With Anchor Positioning | CSS-Tricks We can anchor one element to another. We can also attach one element to multiple anchors. In this experiment, Ryan riffs on those ideas and comes up with a new way to transition between two anchors an...

Finding lots of #CSS and #HTML related goodies today.

"Anchor Positioning 101" from @ryantrimble.com shows off some nice potential and a few nice tricks and examples of CSS anchor positioning. via @css-tricks.com

css-tricks.com/one-of-those...

Finally! Google Calendar (on the web) has dark mode support! 🎉

Autoblue - Easily add Bluesky to your WordPress site Autoblue automatically shares your posts to Bluesky, saving you valuable time and effort and engaging your audience.

Introducing Autoblue, my new WordPress plugin for Bluesky! 🦋

Autoblue will be available for download later this week, and allows you to automatically share your WordPress posts to Bluesky, and display likes and replies from Bluesky on your site.

autoblue.cc

(more in thread 🧵)

CSS Popover + Anchor Positioning is Magical YouTube video by Kevin Powell

a new video from @kevinpowell.co with your mid-morning cup of joe is always a good idea.

CSS Popover + Anchor Positioning is Magical

youtu.be/DNXEORSk4GU?...
#FrontEnd #WebDev #CSS #CoffeeAndCode

By popular request, here's how to add Bluesky replies as your blog's comment section!

This requires some technical know-how for now, but I'm hoping that we see some no-code solutions for this pop up soon, like Ghost or Wordpress plugins.

emilyliu.me/blog/comments

Howdy! 👋

It's super cool that you can set your username to a domain. 😎