Flexbox, fun text effects, and more

Published about 1 year 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

The hidden answers

Hello Reader, Sometimes you run into a CSS problem, and you do everything right, but still can't figure out what is going on. You don’t pile on Band-Aids. You stop and think about why it’s happening. You narrow it down to a specific question. You search for an answer. And you get nothing. This happened to one of my students a while back. They added padding to an element, and that padding covered the text of the paragraph above it. They played around with it and tried a few different things....

8 days ago • 2 min read

CSS Demystified is open for enrollment

Hello Reader, Yesterday I told you about the mindset shift that changed everything for me, and how I started working with the browser instead of against it. I’ve spent a long time figuring out how to pass that same shift on to others, and that’s why I created CSS Demystified, which is now open for enrollment. Before I get into the details, I want to tell you why I built it the way I did. I spent five years teaching in a classroom before I moved to online education full-time. And the thing...

10 days ago • 4 min read

How I accidentally got pretty good at CSS

Hello Reader, Creating websites was a hobby of mine for a long time. I started making my first sites in the late 90s with Photoshop slicing, table layouts, and image maps. I never thought writing HTML and CSS would become such an important part of my life. After a wandering path of unrelated degrees, I ended up as a graphic designer at a small agency. I loved it, but the pay was terrible, so I started freelancing on the side as well, mostly designing websites. After a few jobs, I figured that...

11 days ago • 2 min read

Hi! I'm Kevin