Design Systems Blogathon
It was fun watching a bunch of back and forth blogging between a bunch of smart people quoting a bunch of smart people last week. If you missed it, you might
Is Having an RSS Feed Just Giving Content Away for Free?
I mean, kinda.
Select an Element with a Non-Empty Attribute
Short answer:
Browser Version Release Spectrum
Whenever a browser upgrades versions, it's a little marketing event, and rightly so. Looks like for Firefox it's about once a month, Chrome is ~6 weeks, and
HTTPS is Easy!
I've been guilty of publicly bemoaning the complexity of HTTPS. In the past, I've purchased SSL certificates from third-party vendors and had trouble
Native Image Lazy Loading in Chrome Is Way Too Eager
Interesting research from Aaron Peters on <img loading="lazy" ... >:
CSS4 is a Bad Idea
Louis Lazaris, reacting to the idea of CSS4:
CSS4
What is CSS4? Is it a real thing? I hate to break it to you, but not really. But maybe we could make it a thing? CSS3 was successful, so why not keep that train rolling like they do in JavaScript?
Overcomplicatin’
There's some famous quote that goes something like...
Freezing User-Agent Strings
There's been news about Chrome freezing their User-Agent string (and all other major browsers are on board). That means they'll still have a User-Agent (UA)
Get Moving (or not) with CSS Motion Path
We just linked up the idea that offset-path can be cleverly used to set type on a path. Don't miss Michelle Barker's experimentation either, with drawing
Full Stack Panic
A new podcast from Sean Fioritto inspired by Joel Califa's term "Full Stack Anxiety".
Smaller HTML Payloads with Service Workers
Short story: Philip Walton has a clever idea for using service workers to cache the top and bottom of HTML files, reducing a lot of network weight.
Apollo GraphQL without JavaScript
It's cool to see progressive enhancement being done even while using the fanciest of the fancy front-end technologies.
Four Layouts for the Price of One
Pretty notable when a tweet about a flexbox layouts gets 8K+ likes on Twitter!
Set Type on a Circle... with offset-path
Here's some legit CSS trickery from yuanchuan. There is this CSS property offset-path. Once upon a time, it was called motion-path and then it was renamed. I
aviationstack
I wonder how many startup ideas have something to do with air travel? 🤔
What does "revert" do in CSS?
Miriam Suzanne explains in a Mozilla Developer video on the subject.
Woodworking SVG (and Other Real Life Encounters)
Eric Meyer does his woodworking math in SVG.
What's the Difference Between Width/Height in CSS and Width/Height HTML attributes?
Some HTML elements accept width and height as attributes. Some do not. Those attributes are sometimes referred to as presentational attributes. The thing to know about them is that they are overridden by any other styling information whatsoever. That makes them ideal as a fallback.
This Page is Designed to Last
Jeff Huang, while going through his collection of bookmarks, sadly finds a lot of old pages gone from the internet. Bit rot. It's pretty bad. Most of what
Component-Level CMSs
When a component lives in an environment where the data queries populating it live nearby, there is a pretty direct line between the visual component and the
Amelia Wattenberger's The CSS Cascade
If you're on a small screen, remind yourself to check it out on a big screen when you have the chance.
Edgium
January 15th, 2020 was the day Microsoft Edge went Chromium. A drop in browser engine diversity. There is a strong argument to be made that's not good for an
Getting Started with Front End Testing
Amy Kapernick covers four types of testing that front-end devs could and should be doing:
Eleventy Love
Been seeing a lot of Eleventy action lately. It's a smaller player in the world of static site generators, but I think it's got huge potential because of how
Autumn (macOS window manager)
I love how nerdy this is. Autumn allows you to write JavaScript to control your windows. Get this window, move it over here. Nudge this window over. There are
Third-Party Components at Their Best
I'm a fan of the componentization of the web. I think it's a very nice way to build a website at just about any scale (except, perhaps, the absolute most
The Design Squiggle
I think we all have an intuitive understanding that, at the beginning of projects that require our creativity (be it design or code), things feel uncertain
A Web Component with Different HTML for Desktop and Mobile
Christian Schaefer has a great big write-up about dealing with web advertisements. The whole thing is interesting, first documenting all the challenges that
Debunking the Myth: Accessibility and React
I find it notable when the blog of a major accessibility-focused company like Deque publishes an article called Debunking the Myth: Accessibility and React.
The Deal with the Section Element
Two articles published the exact same day:
How many CSS properties are there?
Tomasz Łakomy posted a joke tweet about naming all the CSS attributes and Tejas Kumar replied with a joke answer, going as far as making an npm module. You
Business Dad
Congrats to Chris Enns, our podcast editor on ShopTalk and CodePen Radio, for landing a really cool new podcast to edit: Business Dad. It's Alexis Ohanian,
CSS-Only Carousel
Editor's Note: Chrome is prototyping a new feature for creating carousels directly in CSS, including scroll buttons and scroll markers for navigating between
Water.css
It's notable that Water.css was the #1 clicked thing from Louis Lazaris' Web Tools Weekly in 2019. It's from a 13-year old developer named Felix!
Is it better to use ems/rems than px for font-size?
The answer used to be absolutely yes because, if you used px units, you prevented the text from being resized by the user at all.
let vs. const
There are multiple ways to declare variables in JavaScript. We had var, and while that still works like it always has, it is generally said that let and const
Jetpack Slideshow Block
One of the many (many) useful things that Jetpack does is give you extra-fancy custom blocks in the WordPress block (AKA Gutenberg) editor: a slideshow,
Is "is" Useful?
God I'm funny.
PSA: It's That Time to Update the Copyright Year on Your Site
Every year about this time I see articles going around reminding people how to update the copyright on their websites. Usually somewhere in the footer. You