Lists are a fundamental part of HTML! They are useful in things like blog posts for listing out steps, recipes for listing ingredients, or items in a | Continue reading
Heydon's
Like any other programming language, CSS has functions. They can be inserted where you’d place a value, or in some cases, accompanying another value declaration. | Continue reading
There have been a couple of viral tweets about this lately, one from Adam Argyle and one from Mathias Bynes. This is a nice change that makes CSS a bit | Continue reading
I keep running across these super useful one page sites, and they keep being by the same person! Like this one with over 100 vanilla JavaScript DOM | Continue reading
Integration tests are a natural fit for interactive websites, like ones you might build with React. They validate how a user interacts with your app | Continue reading
The idea came while watching a mandatory training video on bullying in the workplace. I can just hear High School Geoff LOL-ing about a wimp like me have | Continue reading
Early congratulations, A Book Apart! That's a hell of a milestone. I'm quite sure I've read more A Book Apart books than any other tech book publisher. | Continue reading
We have big JavaScript frameworks that tons of people already use and like, including React, Vue, Angular, and Svelte. Do we need another JavaScript | Continue reading
This is just a tiny little trick that might be helpful on a site where you don't have the time or desire to build out a really good on-site search | Continue reading
There is no doubt that web forms play an integral role in our web site or applications. By default, they provide a useful set of elements and features — | Continue reading
A quick opinion piece by Kev Quirk: Why I Don’t Use A Static Site Generator. Kev uses WordPress: Want to blog on my iPad? I can. Want to do it | Continue reading
Marco Rogers asked a very good question on Twitter: https://twitter.com/polotek/status/1248680800305860608?s=20 I’ve been on both sides of the interview | Continue reading
The @property is totally new to me, but I see it's headed to Chrome, so I suppose it's good to know about! There is a draft spec and an "intent to ship" | Continue reading
We mentioned a way to make a CSS-only carousel in a recent issue of the newsletter and I thought that a more detailed write up would be interesting and | Continue reading
That title is from the opening tweet of a thread from Benjamin De Cock. I wouldn't go that far, myself. What I like about the term is that ‘Front-End’ | Continue reading
There was just a bug late last year where system fonts (at least on Mac, I don't know what the story was on other platforms) in Chrome appeared too thin | Continue reading
Favicons are the little icons you see in your browser tab. They help you understand which site is which when you’re scanning through your browser’s | Continue reading
Not so long ago, we wrote about dark mode in CSS and I’ve been thinking about how white text on a black background is pretty much always harder to read | Continue reading
The Web Content Accessibility Guidelines (WCAG), an organization that defines standards for web content accessibility, does not specify a minimum font | Continue reading
In a previous article, we showed how to build a GraphQL API with FaunaDB. We've also written a series of articles explaining how traditional databases | Continue reading
I did a little thing the other day that I didn't know was possible until then. I had a project folder open in VS Code like I always do, and I added | Continue reading
The Jamstack way of thinking and building websites is becoming more and more popular. Have you already tried Gatsby, Nuxt, or Gridsome (to cite only a | Continue reading
Here's a fun little idea from Knut Synstad. You give it the URL of a GitHub Gist and it converts the Gist into grayscale rounded blobs (SVG) that sorta | Continue reading
Maintaining a large-scale CSS project is hard. Over the years, we've witnessed different approaches aimed at easing the process of writing scalable CSS. | Continue reading
I've been harping for a while that Jamstack doesn't necessarily mean throwing away your old CMS. In fact, I'd argue that Jamstack is at it's most powerful | Continue reading
No, not really. My first guess was that this was intentionally not exposed in browsers because browsers intentionally don't want us fighting it — or | Continue reading
Let’s have a look at how we can use the CSS text-shadow property to create truly 3D-looking text. You might think of text-shadow as being able to apply | Continue reading
My favorite way to level up as a front-end developer is to do the work. Literally just build websites. If you can do it for money, great, you should. If | Continue reading
Here’s one simple, practical way to make apps perform better on mobile devices: always configure HTML input fields with the correct type, inputmode, and | Continue reading
It's incredibly sad that Christopher Schmitt passed away last week¹. I keep thinking about how Christopher was one of the best dudes I knew. Just | Continue reading
Before the advent of CSS custom properties (we might call them “variables” in this article as that’s the spirit of them), implementing multiple color | Continue reading
Jetpack has had a search feature for a while. Flip it on, and it replaces your built-in WordPress search (which is functional, but not particularly good) | Continue reading
Scrollbars are natural progress meters. How far the scrollbar is down or across is how much progress has been made scrolling through that element (often | Continue reading
There was a discussion recently on the Animation at Work Slack: how could you make a CSS motion path responsive? What techniques would be work? This got | Continue reading
Looking to share code between your Vue components? If you're familiar with Vue 2, you've probably used a mixin for this purpose. But the new Composition | Continue reading
You want to set some text inside the shape of a circle with HTML and CSS? That’s crazy talk, right? Not really! Thanks to shape-outside and some pure CSS | Continue reading
I linked up Water.css not long ago as an interesting sort of CSS framework. No classes. No
Safari 13.1 just shipped support for CSS Shadow Parts. That means the ::part() selector is now supported in Chrome, Edge, Opera, Safari, and Firefox. | Continue reading
Chase McCoy wrote a nifty post about the “gap problem” when making a grid of items. His argument might be summarized like this: how should we space | Continue reading
I’ve been coding web animations and helping others do the same for years now. However, I have yet to see a concise list of tips focused on how to | Continue reading
Foldable phones are starting to be a thing. Early days, for sure, but some are already shipping, and they definitely have web browsers on them. Stands to | Continue reading
Scheduled is the key word there — that’s a fairly new thing! When a push notification is scheduled (i.e. “Take your pill” or “You’ve got a flight in 3 | Continue reading
The design for Netflix's browse page has remained pretty similar for a few years now. One mainstay component is the preview slider that allows users to | Continue reading
Centering things in CSS is the poster child of CSS complaining. Why does it have to be so hard? They jeer. I think the issue isn't that it's difficult to | Continue reading
Let's build a literal grid of squares, and we'll put the logos of some magazines centered inside each square. I imagine plenty of you have had to build a | Continue reading
Continuous Integration (CI) workflows are considered a best practice these days. As in, you work with your version control system (Git), and as you do, CI | Continue reading
I just can't stop bookmarking great links related to typography. I'm afraid I'm going to have to subject you, yet again, to a bunch of them all grouped | Continue reading