Hello Reader,

Another shorter email than usual this week. We’ll be back to the regular ones starting next week 🙂.

🙋‍♂️ What I’ve been up to this week

Create a fun, quick text flip effect

​

Not sure about the name and thumbnail that I made for this one, as the text doesn’t flip, so much as, slide in and out.

I don’t know what else to call this effect, or how to make a good thumbnail to illustrate what's going on, so this is it 😆.

I took a bit of a different approach with this one, exploring the different attempts I took to create the effect and the issues that came up with each of those attempts before finally finding a solution that worked exactly how I wanted it to (and if you only want the final result, there are timestamps in the description so you can quickly jump to it).

🔌 Shameless plug

Since I don’t have any general musings this week, how about a shameless plug for Flexbox Simplified?

It’s a 4-hour long, hands on course, exploring everything you’d ever want to know about Flexbox. We build out a bunch of different things with it to reinforce what we’re learning, and also cover reuseable layout patterns that you can bring into your projects as well.

If that sounds good, you can head over to flexboxsimplified.com for more information or jump right in and enroll.

⚡ Quick tips of the week

• HTML & CSS Tip of the week: The :in-range pseudo-class​

🔗 Other awesome stuff around from the web

• ​An interactive guide to learn CSS Relative Colors​
• ​Smoothly animating a border-radius with a View Transition​
• ​Chilled Out Text Underlines​

🏁

Have a fantastic week!
Kevin

If you no longer want to get any emails from me, you can unsubscribe or you can edit your preferences if you'd like pick which emails you get from me.
600 1st Ave, Ste 330 PMB 92768, Seattle, WA 98104-2246