Popular
this
month
Sponsored by
Mailchimp
Front-End Dissatisfaction (and Backing Off)
To the brain, reading computer code is not the same as reading language
Mistakes I’ve Made as an Engineering Manager
WordPress 5.7: Big ol’ jQuery Update
The Differences in Web Hosting (Go with the Happy Path)
How to Create a Shrinking Header on Scroll Without JavaScript
Exploring the Complexities of Width and Height in CSS
Dynamically Switching From One HTML Element to Another in Vue
Is CSS float deprecated?
A DRY Approach to Color Themes in CSS
#204: Using the axe DevTools Web Accessibility Testing Browser Plugin
In this video, I’m joined by Preety Kumar of Deque to take a look at their DevTools plugin for axe. Short story: this is an amazing plugin that helps you quickly find accessibility problems on any website, then helps …
Weekly Platform News: Focus Rings, Donut Scope, Ditching em Units, and Global Privacy Control
In this week’s news, Chrome tackles focus rings, we learn how to get “donut” scope, Global Privacy Control gets big-name adoption, it’s time to ditch pixels in media queries, and a snippet that prevents annoying form validation styling.…
Exploring @property and its Animating Powers
Uh, what’s @property
? It’s a new CSS feature! It gives you superpowers. No joke, there is stuff that @property
can do that unlocks things in CSS we’ve never been able to do before.
While everything about @property
is exciting, …
How to Develop and Test a Mobile-First Design in 2021
The internet has connected 4.66 billion people with each other as of October 2020. A total of 59% of the world’s total population. Amazingly, this is not even the surprising part. The stat to look out for is mobile users …
A Bare-Bones Approach to Versatile and Reusable Skeleton Loaders
UI components like spinners and skeleton loaders make waiting for a page load less frustrating and might even affect how loading times are perceived when used correctly. They won’t completely prevent users from abandoning the website, but they might encourage …
React Without Build Tools
I think you’ll find it quite refreshing to use React A) with a JSX-like syntax, and B) without any kind of build tooling.
Refreshing indeed:…
#203: A First Look at Cloudflare Pages
Cloudflare Pages is Jamstack hosting, meaning it’s a static file host that run your builds and lets you do dynamic things with JavaScript and services. You might normally think of Cloudflare as something you put in front of your site’s …
How to Animate the Details Element
Here’s a nice simple demo from Moritz Gießmann on animating the triangle of a <details>
element, which is the affordance that tells people this thing can be opened. Animating it, then is another kind of affordance that tells people …
place-self
The place-self
property in CSS is shorthand for the align-self
and justify-self
properties, combining them into a single declaration in CSS Grid and Flexbox layouts, where align-self
and justify-self
(CSS Grid only) are values that align an individual item in …
The Best Font Loading Strategies and How to Execute Them
Zach Leatherman wrote up a comprehensive list of font loading strategies that have been widely shared in the web development field. I took a look at this list before, but got so scared (and confused), that I decided not to …
Need front-end development training?
Frontend Masters is the best place to get it. They have courses on all the most important front-end technologies, from React to CSS, from Vue to D3, and beyond with Node.js and Full Stack.