Chris Yee
banner
chrisyee.ca
Chris Yee
@chrisyee.ca
🇨🇦 Toronto Web Developer
💻 #webdev • #WordPress • #frontend
🔗 https://chrisyee.ca
Reposted by Chris Yee
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...
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.
blog.css-weekly.com
December 9, 2024 at 9:23 PM
Reposted by Chris Yee
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
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.
htmlforpeople.com
December 4, 2024 at 4:33 AM
Reposted by Chris Yee
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:
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...
joshwcomeau.com
December 2, 2024 at 6:18 PM
Reposted by Chris Yee
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...
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...
css-tricks.com
December 2, 2024 at 3:18 PM
Finally! Google Calendar (on the web) has dark mode support! 🎉
November 27, 2024 at 9:09 PM
Reposted by Chris Yee
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 🧵)
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.
autoblue.cc
November 25, 2024 at 10:51 PM
Reposted by Chris Yee
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
CSS Popover + Anchor Positioning is Magical
YouTube video by Kevin Powell
youtu.be
November 21, 2024 at 10:42 AM
Reposted by Chris Yee
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
November 25, 2024 at 5:49 AM
It's super cool that you can set your username to a domain. 😎
November 22, 2024 at 8:41 PM