Say you have a list of 100 names: Randy Hilpert Peggie Jacobi Ethelyn Nolan Sr. ...or file names, or phone numbers, or whatever. And you want to filter | Continue reading
There have been several excellent articles exploring how to use this API, including choices from authors such as Phil Hawksworth, Preethi, and Mateusz | Continue reading
We lost Opera when they went Chrome in 2013. Same deal with Edge when it also went Chrome earlier this year. Mike Taylor called these changes a | Continue reading
Say you need to know what country someone visiting your website is from, because you have an internationalized site and display different things based on | Continue reading
It's a cool little effect. The default link style has an underline (which is a good idea) and then on :hover you see the underline essentially thicken up | Continue reading
You might be seeing the term JAMstack popping up more and more frequently. I’ve been a fan of it as an approach for some time. One of the principles of | Continue reading
I hosted a JAMstack roundtable discussion at Web Unleashed this past weekend. Just a few random notes from that experience. I was surprised at first that | Continue reading
There's been a ton of great stuff flying around about variable fonts lately (our tag has loads of stuff as well). I thought I'd round up all the new stuff | Continue reading
From trashy clickbait sites to the most august of publications, share buttons have long been ubiquitous across the web. And yet it is arguable that these | Continue reading
In this week's roundup, the string length of two emojis is not always equal, something to consider before making that rounded button, and we may have a | Continue reading
Here's a little direct product endorsement for ya: I literally use Buddy for deployment on all my projects. Buddy isn't just a deployment tool, we'll get | Continue reading
When I was looking through the documentation of git commands, I noticed that many of them had an option for . I initially thought that this was just a | Continue reading
Sophie Koonin blogged "Everything I googled in a week as a professional software engineer," which was a fascinating look into the mind of a web developer | Continue reading
Let’s attempt to coin a term here: "Static Form Provider." You bring your HTML , but don’t worry about the back-end processing that makes it work. There | Continue reading
Sounds kind of like a hard problem doesn't it? We often don't have product shots in thousands of colors, such that we can flip out the with . Nor do we | Continue reading
The open web's success is built on interoperable technologies. The ability to control animation now exists alongside important features such as zooming | Continue reading
At the start of a new project, Sass compilation happens in the blink of an eye. This feels great, especially when it’s paired with Browsersync, which | Continue reading
It's hard to articulate every reason to use Jetpack for your WordPress site. It's taken us a series of posts to unpack it because it's capable of doing so | Continue reading
A collection of front-end development achievements. How many can you collect? | Continue reading
For a while, iTunes was the big dog in podcasting, so if you linked "Subscribe to Podcast" to like: https://podcasts.apple.com/podcast/id493890455 ...that | Continue reading
It would surprise me if you'd never come across a ghost button 👻. You know the ones: they have a transparent background that fills with a solid | Continue reading
In this week's roundup, Apple gets into web components, how Instagram is insta-loading scripts, and some food for thought for self-hosting critical | Continue reading
Have you ever wondered how to customize CSS animations keyframes without using any preprocessor feature, like mixins? I keep reaching for preprocessors | Continue reading
In about 10 minutes, we'll set up a workflow that makes static sites dead simple. You'll get the following: Free https Free or cheap hosting Build sites | Continue reading
Very often, while using switch variables (a variable that's either 0 or 1, a concept that's explained in a greater detail in in this post), I wish I could | Continue reading
There is a variety of HTML that you can just leave out of the source HTML and it's still valid markup. Doesn't this look weird? Paragraph one. Paragraph | Continue reading
We all know what a hamburger menu is, right? When the pattern started making its way into web designs, it was both mocked and applauded for its minimalism | Continue reading
JavaScript is what they call "single-threaded." As Brian Barbour puts it: This means it has one call stack and one memory heap. We all feel a symptom of | Continue reading
Don't read that headline and get worried. I don't think CSS is a particularly dangerous security concern and, for the most part, I don't think you need to | Continue reading
The following is going to get slightly opinionated and aims to guide someone on their journey into open source. As a prerequisite, you should have basic | Continue reading
The SVG we know and love today is "SVG 1.1 2nd edition". SVG 2 is in Editor's Draft status at the W3C, and it's at serious risk of never getting past | Continue reading
I've recently noticed an interesting change on CodePen: on hovering the pens on the homepage, there's a rectangle with rounded corners expanding in the | Continue reading
In this week's roundup, a handy bookmarklet for inspecting typography, using await to tinker with how JavaScript modules import one another, plus | Continue reading
A little while back, you might have bumped into this CSS-Tricks article where I described how a mixin can be used to automate responsive font sizes using | Continue reading
Testing applications is crucially important to ensuring that the code is error-free and the logic requirements are met. However, writing tests manually is | Continue reading
There have been some wonderfully interconnected things about fast software lately. We talk a lot of performance on the web. We can make things a little | Continue reading
Have you seen Netlify's press page? It's one of those places where you can snag a download of the company's logo. I was looking for it this morning | Continue reading
Perhaps the easiest way to offer that to the user is a link that targets an ID on the element. So like... Jump to top of page But we've got a few options | Continue reading
The JS Party podcast just had a fun episode where they debated this classic question by splitting into two groups of two. Each group was assigned a "side" | Continue reading
In September 2018, I was just a few months into my journey of learning web development. As I'm sure is the case with many new developers, it was a big | Continue reading
Before we come to how to style underlines, we should answer the question: should we underline? In graphic design, underlines are generally seen as | Continue reading
The DOM is just a little weird about some things, and the way you deal with attributes is no exception. There are a number of ways to deal with the | Continue reading
Listen, I am no GraphQL expert but I do enjoy working with it. The way it exposes data to me as a front-end developer is pretty cool. It's like a menu of | Continue reading
There is a new web feature called maskable icons that is coming soon to Firefox Preview and other web browsers. This new icon format will let your PWAs have their own adaptive icons on Android. | Continue reading
The landing page for Apple Arcade has a cool effect where some "white" text has a sort of translucent effect. You can see some of the color of the | Continue reading
I can't say I use background-clip all that often. I'd wager it's hardly ever used in day-to-day CSS work. But I was reminded of it in a post by Stefan | Continue reading
One of my favorite ways of adding icons to a site is by including them as data URL background images to pseudo-elements (e.g. ::after) in my CSS. This | Continue reading
Kinda! There is no simple or standard way to do it, but it's possible. You can change the cursor to different built-in native versions with CSS with the | Continue reading