Flexbox, fun text effects, and more

Published 10 months ago • 1 min read

View this email in your browser (or share it with a friend!)

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

🏁

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

When your passion becomes a grind

View this email in your browser (or share it with a friend!) Hello Reader, Before we dive into the content of this one, I want to let you know that this will be the last newsletter of the year, and I’ll be back in your inboxes sometime in mid-January. I’ll still have YouTube videos coming out, so you can keep an eye out over there by making sure you’re subscribed (only like 4,000 away from 1 million!). I’ll also do a quick roundup of all the content I put out once the newsletter resumes. With...

18 days ago • 5 min read

My favorite new CSS feature

View this email in your browser (or share it with a friend!) Hello Reader, It’s hard to pick one thing because there is so much to pick from right now, but I think my favorite new CSS feature is anchor positioning. Check out this navigation that I’ve put together for a project I’m working on, where the underline and link highlight is all from a single pseudo-element. That’s all done with something like 20 lines of CSS! And, with a handful more, I created a decent fallback for browsers that...

25 days ago • 4 min read

Nesting crash course, a fun gradient trick and a really hard quiz

View this email in your browser (or share it with a friend!) Hello Reader, A very short email this week, with a little less content than usual. Between the Black Friday Sale, my Smashing workshop, and a few other things, it’s been pretty hectic! Luckily I knew this was all coming and made some regular content for all of December already 😅. 🙋♂️ What I’ve been up to this week Getting started with CSS Nesting CSS Nesting is awesome, though there are a few important things to know about it, which...

about 1 month ago • 1 min read

Hi! I'm Kevin