Hello Reader,

A few months ago, I pitted the F1 team websites against each other, and I thought it would be fun to make a landing page for a fictional team that could at least challenge the few teams who’d done a good job with theirs.

I was pretty happy with what I’d come up with, but just as I was putting the finishing touches on it, Jason Lengstorf, of Learn with Jason and Leet Heat fame, reached out to let me know about a Greatest Landing Page Ever web dev challenge that he was about to release on CodeTV.

For the challenge, contestants needed to use GSAP, which I haven’t touched in ages, but this seemed like the right type of project for it, so I got to work adding it in.

​

We have so many features that make CSS animations easier than ever now, but there are still a lot of things we don’t have yet. In that video, I look at scroll-triggered animations (which they are working on adding to CSS), along with some more fun things, like animating text and splitting text to animate each character individually.

If you enjoyed that video, I’d suggest checking out the actual challenge on CodeTV, where three teams were pitted against each other with only 4 hours to put their landing pages together.

And if you don’t want to be left out, CodeTV is also running a Greatest Animated Landing Page Ever hackaton that you can take part in.

⚡ A quick look at the popover attribute ​ More on popovers in my Shorts this week, with a quick look at the popover attribute.

🏁

As a reminder, with the kids home for summer, this newsletter is in summer vacation mode. It’ll still be here (most weeks), but will be in this shorter format for the next little while.

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