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
I'm in a long distance relationship. That means I’m on a plane to England every few weeks, and every time I'm on that plane, I think about how nice it | Continue reading
Blocks have become an indispensable component for managing content in WordPress since the Gutenberg editor was officially released earlier this year. Not | Continue reading
A popover is a transient view that shows up on top of a content on the screen when a user clicks on a control button or within a defined area. For | Continue reading
GraphQL is a query language for APIs that is very empowering for front-end developers. As the GraphQL site explains it, you describe your data, ask for | Continue reading
In this week's roundup, how to determine a slow connection, what we should put into alt text for images, and a new polyfill for the HTML loading | Continue reading
In advance of a recent podcast with the incredible technical writer and Smashing Magazine editor-in-chief Rachel Andrew, I gathered up a bunch of thoughts | Continue reading
I got to be the featured guest over on The Keyframers the other day. We looked at a Dribbble shot by Björgvin Pétur Sigurjónsson and then slowly built it, | Continue reading
The difference between and is easy to overlook. It seems to be one of those things that falls into the category of trivial. Admittedly, I have a bad habit | Continue reading
Animating with requestAnimationFrame should be easy, but if you haven’t read React’s documentation thoroughly then you will probably run into a few things | Continue reading