Hello Reader,
In a little under three weeks from now, I’ll be doing a two-day workshop with Frontend Masters which I’m super excited for.
First, it will be great to do a live workshop with some in-person students (you can also attend remotely).
One problem with teaching via YouTube, or even my courses, is the lack of immediate student feedback.
It’s beneficial for the students when they can have questions answered on the spot, but there is a bit of a selfish motivation from me as well!
For those who don’t know, I taught in a classroom for about five years, and if it wasn’t for that experience, there is no way I’d be as good of a communicator as I am now.
There is nothing like the experience of feeling like you just explained something really well, only to look out on a room of people staring back at you with blank looks on their faces 😆.
I learned so much by teaching in the classroom, and while a two-day workshop isn’t exactly the same, I am looking forward to doing a full project in a similar environment again.
Plus, the project is the type of thing I enjoy teaching the most!
We’re taking a Figma design, analyzing it, and then building it with vanilla HTML & CSS, and I’m even going to throw a little bit of JavaScript in there too.
It’s the type of project I love to build just for fun, so being able to do it as part of a workshop is very exciting.
🙋♂️ What I’ve been up to this week
My top 5 most popular front-end tips
Most people who watch long-form content on YouTube don’t watch Shorts, and I didn’t want to leave my long-form audience missing out on the most popular tips that I’ve shared in my Shorts!
I had originally planned to call it my top 5 CSS tips, but a few of them are more HTML focused, so front-end tips it is 😅.
I look at what I called the console.log() of CSS, light and dark mode favicons, number inputs, how modern CSS is magic, and how to escape tutorial hell.
🔗 Other awesome stuff around from the web
If you like the idea of more experimental CSS and aren’t already following Roman Komarov, I’d strongly suggest that you do.
His blog is full of mind-blowingly awesome stuff, some of it pushing the limits of what’s possible today, or like this post, looking at what some future features might be making possible.
That post looks at what we might be able to do as randomness and tree-counting functions are making their way into the spec.
He does a nice breakdown of those features from the spec, and also has some nice interactive demos to prototype some of what they’ll make possible.
🏁 </newsletter>
Speaking of future CSS stuff, I had a quick back and forth with Adam Argyle the other day and he brought up:
- text-box
- scroll-markers
- scroll-buttons
- scroll-state queries
So much scroll stuff, which is awesome!
However, text-box will probably be one of the more used features of CSS once it's well supported. It used to be called leading-trim, and after years, it's finally coming.
If you're unfamiliar with it, Jan Nicklas has this GitHub repo with tons of awesome examples.
Have a fantastic week!
Kevin
P.S. If you're wondering if this means more content with Adam, the answer is yes, we're working on some things 🙂.