272: Jams
View this newsletter on the web.
[Robin]: Jamstack Conf 2021 wrapped earlier this week and I’m slowly catching up on the videos from the event. There’s lots of good stuff in there, so make sure to bookmark that for …
271: Who, what, why, @when
View this newsletter on the web.
[Robin]: Here’s my photo of the week: a picture from a 2015 blog post by Paul Irish of the Wikipedia team walking through an enormous printed version of their performance timeline:
As bananas …
270: Where’s your head at?
View this newsletter on the web.
[Robin]: Harry Roberts has been doing a ton of interesting work when it comes to the <head> element and—no! stop yawning!—there’s good reason for that; it’s the place where all performance problems begin. Or, …
269: The Color Blue, Neat Design Patterns, and Problems with Scrolling on the Web
View this newsletter on the web.
[Robin]: Let’s start this week off with something odd and fun. I stumbled upon this interesting form pattern by Hakim El Hattab:
This is neat because I’ve never thought that a focus state could …
268: Just in Time CSS, the EyeDropper API, and the problem with iOS
View this newsletter on the web.
⚛
[Robin]: One of the criticisms thrown at writing Atomic CSS is that it generates a ton of classes that your users don’t need. Let’s say you want to add some padding to …
267: Everything is a Rectangle
View this newsletter on the web.
[Robin]: Everything on the web is a rectangle. No matter what element you choose or what CSS you write, under the hood you’re always filling up the page with squares and rectangles of various …
266: That Classic Place for WebDev Advice, TikTok
View this newsletter on the web.
[Robin]: I stumbled upon this nifty VS Code plugin called TabOut this week that lets you hit the tab key and jump between quotes in a line of code. It’s a brilliant plugin because …
265: The Shared Element Transitions API and Origin Trials
View this newsletter on the web.
😯
[Robin]: This week I’ve been thinking about page transitions on the web and this post from Chris earlier this year:
…We can technically build page transitions now, even without single-page-app architecture, but what
264: Inline CSS Custom Properties and Handy Dandy Tools
View this newsletter on the web.
😲[Robin]: Let’s say you need some margin and padding utility classes. In Tailwind, for example, you’d write some HTML like this:
<div class="pt-6">...</div>This sets the padding-top CSS property to 6 in …
263: Accessibility Round Up
View this newsletter on the web.
[Robin]: Lately in the newsletter, we’ve written about neat things we’ll be able to do with CSS in the future. CSS nesting! Container queries! Query units! New pseudo-elements! All this is very exciting but …
262: CSS Nesting, Safari Drama, and the CSS Paint API
View this newsletter on the web.
👀Nesting CSS classes is pretty handy. If you’re familiar with preprocessing languages like Sass and Less then you’re probably used to nesting like this:
.card {
.card-text {
font-size: 1em;
}
&.card-large {
Our Learning Partner
Frontend Masters
