Animating elements, at its most basic, is fairly straightforward. Define the keyframes. Name the animation. Call it on an element. But sometimes we need | Continue reading
Visual testing is the automated process of reviewing software from a purely visual standpoint. Instead of testing the code underneath, visual testing is | Continue reading
Running a developer survey like the State of CSS is a multi-stage process. First, you need to collect the data. Then, you process it into a usable shape. | Continue reading
useReducer is one of a handful of React hooks that shipped in React 16.7.0. It accepts a reducer function with the application initial state, returns the | Continue reading
I was trying to research the landscape of these the other day — And by research, I mean light Googling and asking on Twitter. Weirdly, very little | Continue reading
It’s hard to beat the feeling of finding a perfect use for a new technology. You can read every handy primer under the sun and ooh-and-ahh at flashy | Continue reading
Did you see that neat technique for using the element with to serve an animated image (or not) based on a prefers-reduced-motion media query? After we | Continue reading
In this week's weekly roundup, Vimeo and Mozilla partner up on a video encoding format, how to bind instructions to to form fields using aria labels, the DOM has a matching function, and Samsung is working on its own CSS library. | Continue reading
WordPress released their anticipated over to the post editor, nicknamed Gutenberg, which is also referred to as the block editor. It transforms a | Continue reading
Who needs a project manager? You're an organized person who can keep track of your own work, right? Wrong. Well, wrong if you're part of a team. The thing | Continue reading
What we don’t have are enough articles showing you how to increase your page size. In fact, the only article I could find was this one from the Geek Squad which ended up being about making the font size bigger. This is a good start, but I think we can do better. | Continue reading
The sectioning elements in HTML5 are , , , and . is also kind of a sectioning element since all content lying inside of it is part of the default document | Continue reading
That’s what I like to tell people. I’ve seen too many websites die off, often damaging the company along the way because the technical debt of hosting and | Continue reading
In a previous post, we saw how to manage state using Unstated. As you might recall, Unstated uses React’s built-in setState to allow you create components | Continue reading
Despite the super fun sounding name, magic numbers are a bad thing. It is an old school programming term for "unnamed numerical constant". As in, just | Continue reading
I see VuePress just went 1.0. Explained simply, it's a static site generator based on Vue. But of course, you work in Vue, which means you work in | Continue reading
In this week's roundup, Chrome is adding an install option for Progressive Web Apps, Opera GX comes to Windows, the ECMAScript proposals get an update, and CSS Scroll Snap is coming to a Firefox browser near you. | Continue reading
Greek mythology tells the story of Zeus creating the cloud nymph, Nephele. Like other Greek myths, this tale gets pretty bizarre and X-rated. Here’s a | Continue reading
Lindsey Kopacz has a wonderful blog about accessibility. I've seen a number of her articles making the rounds lately and I was like, dang I better make | Continue reading
End-to-end tests are written to assert the flow of an application from start to finish. Instead of handling the tests yourself — you know, manually | Continue reading
Date is weird in JavaScript. It gets on our nerves so much that we reach for libraries (like Date-fns and Moment) the moment (ha!) we need to work with | Continue reading
Sorting is a super handy JavaScript method that can display the values of an array in a certain order. Whether that’s real estate listings by price, | Continue reading
I’d like to tell you how I see code and design intersect and support one another. Specifically, I want to cover how designers can use code in their | Continue reading
Šime posts regular content for web developers on webplatform.news. New Feature Policy API in Chrome Pete LePage: You can use the | Continue reading
Say you have an image you're using in an that is 800x600 pixels. Will it actually display as 800px wide on your site? It's very likely that it will not. | Continue reading
The Web Share API is one that has seemingly gone under the radar since it was first introduced in Chrome 61 for Android. In essence, it provides a way to | Continue reading
I'm a fan of the whole JAMstack thing. It seems like a healthy web movement. I'm looking forward to both of the upcoming conferences. Of any web trend, | Continue reading
Modals always be just appearin'. You might see one once in a while that slides in from one of the edges, or uses some kind of scale/opacity thing to | Continue reading
Have you ever needed animation in your React application? Traditionally, implementing animation has not an easy feat to accomplish. But now, thanks to | Continue reading
The first consideration is: do you really? If you can, having text next to your icons is proven over and over again to be the most accessible and clearest | Continue reading
Please stop me if you've heard this one before. You open a modal, scroll through it, close it, and wind up somewhere else on the page than you were when | Continue reading
The web is a beautiful, expressive medium that’s evolved over time as trends and technology have changed. Moments of delight and flair are what set | Continue reading
JavaScript (or ECMAScript) is the programming language that powers the web. Created in May 1995 by Brendan Eich, it’s found its place as a widely-used and | Continue reading
In this week's news, Google defines guidelines for favicons, a new a11y testing tool from The Paciello Group, and changes to how the W3C plans to engage the community, plus more. | Continue reading
This post covers how I built a typography grid for a design system using Vue render functions. Here’s the demo and the code. I used render functions | Continue reading
I was once tasked to create a makeshift customer service survey that would allow an employee to receive a customer call and send a survey to the custom | Continue reading
We've been talking a lot about Dark Mode around here ever since Apple released it as a system setting in MacOS 10.14 and subsequently as part of Safari. | Continue reading
The MapSVG plugin for WordPress allows you to create feature-rich, interactive maps quickly and through a smart admin UI. Interactive maps are a common | Continue reading
CSS Grid Layout is the most powerful layout system available in CSS. It is a 2-dimensional system, meaning it can handle both columns and rows, unlike | Continue reading
Accessibility is all the rage these days, specifically when it comes to color contrast. I’ve stumbled upon a couple of tools this week that I think are | Continue reading
Shepherds are good at tending to their sheep, bringing order and structure to their herds. Even if there are hundreds of those wooly animals, a shepherd | Continue reading
You're faced with a lot of decisions in everyday work. There are multiple tasks calling for your focus, and you can burn daylight or even burn out trying | Continue reading
In this week's news: Mozilla WebThings provides complete privacy for user data, an Internet Explorer mode is coming to Edge, and other interesting articles. | Continue reading
I created a website called The Power of Serverless for Front-End Developers over at thepowerofserverless.info a little while back while I was learning | Continue reading
You can make the text inside any HTML element editable by adding the contenteditable attribute. Hey, I'm like a textarea kinda now! I wouldn't say there | Continue reading
I can guess what you are thinking: another React testing library? So many have already been covered here on CSS-Tricks (heck, I’ve already posted one | Continue reading
I was asked this recently by a fellow developer who was at the same web tech conference I was at. This developer had met a lot of new people who literally | Continue reading
: I'm a lifelong Mac user. Ever since our family upgraded from a Commodore 128 to an Apple Macintosh Performa 636 (CD) when I was in middle school, I've | Continue reading