profile

Hi! I'm Kevin

Scroll-driven animations, image resets, and the future of the web

Published about 2 months ago • 3 min read

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

PRE-S: A quick reminder that the State of CSS survey is currently open. The browser vendors all pay a lot of attention to the results of these “State of” surveys, and the more people who take them, the more representative the results are… plus they are a great way to learn about features you didn’t know about!

Hello Reader,

A bit of a short newsletter this week, as I've been focusing on getting some content created and working on my talk for CSS Day... I'm getting on the plane in a week from today!

A few weeks ago I mentioned that the panic hadn't set in yet.... it's started to set in now 😂.

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

A small update to the format of this section. General Musings (my second channel/podcast) regularly gets 20x as many views on YouTube as listens as a podcast (and closer to 400x for last week's episode!), so I'm going to put the link to the YT version here instead of the audio-only version. If you prefer the podcast version, it's not going anywhere!

📺 Scroll-driven animations without any JS

video preview​

A look at how I made a subtle scroll-driven animation on the landing page for CSS Demystified.

⚡ Most image resets are missing this declaration

video preview​

A quick look at why you probably should include a height: auto in your image reset.

🎙️The future of the web

video preview​

A follow-up from last week, where I explore where things might go with Google deprioritizing links, and wondering if things like RSS, web rings, IRC, and other old school features are primed for a comeback.

You can get the RSS feed for the audio-only version here.

🔗 Other awesome stuff from around the web

Few less than usual, since I've been busy.

📝 Quiz time!

Which HTML attribute is used on a button to open or close an element that has the popover attribute, without writing any JavaScript?

  1. popovercontrol
  2. popovertarget
  3. popovertoggle
  4. togglepopover

As per usual, you'll have to head on over to YouTube to take a stab at the quiz, and once you answer, you'll see if you were right or not.

​

Have a fantastic week!
Kevin

Are you looking to step up your CSS? I've got both free and premium courses to help with that! They cover a range of skill levels too 👇

Beginner friendly (and free)

HTML & CSS for Absolute Beginners

A free course that starts with the absolute basics, and gets to creating some layouts with Flexbox and Grid.

​Enroll →​

Intermediate

CSS Demystified

For those who've been writing CSS for a little bit now, but want to step up their game and start writing CSS with confidence!

​Enroll →​

Intermediate (Frontend Masters)

Build a Modern Site from Scratch

Build a fully responsive site using modern CSS features, along with some polished animations.

​Enroll → (25% off first month of Frontend Masters if you use this affiliate link)
​

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

Hi! I'm Kevin

Helping people fall in love with CSS

Weekly newsletter, where I talk about tangentially-related front-end development topics and share what I've been up to in the last week, plus any cool/fun/interesting/useful links I come across as well.

Read more from Hi! I'm Kevin

View this email in your browser (or share it with a friend!) Hello Reader, The shorter summer edition of the newsletter continues as I’m in the middle of some travels with my family. Still have some content being put out, though! 🙋♂️ What I’ve been up to this week The most fun I’ve had with CSS in a while thanks to offset-path Eric Meyer’s talk at CSS Day was about offset-path, and it made me realize that I didn’t realize how easy it was to use! I thought we had to use it with SVGs, but it...

8 days ago • 1 min read

View this email in your browser (or share it with a friend!) 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...

15 days ago • 2 min read

View this email in your browser (or share it with a friend!) Hello Reader, From my experience, there are a few reasons people push back on new things, but the most common one I see revolves around people preferring the old way of doing things. This makes sense, because they are comfortable with what they are used to, rather than the new way, which is different. When something new comes along, that means they have to learn it, which for a lot of people means that it’s slower. The thing is, in...

22 days ago • 3 min read