We are always looking to make the web more accessible. Color contrast is just math, so Sass can help cover edge cases that designers might have missed. | Continue reading
Article Series Why should you care?What can go wrong?What are the barriers to adoption? (Coming soon)How do new algorithms help? (Coming soon) In the | Continue reading
I'm no English major, but as a writer and consumer of loads of educational (mostly tech) writing, I've come to notice a number of words and phrases that | Continue reading
Line, bar, and pie charts are the bread and butter of dashboards and are the basic components of any data visualization toolkit. Sure, you can use | Continue reading
IN A WORLD of responsive and fluid layouts on the web, ONE MEDIA TYPE stands in the way of perfect harmony: video. There are lots of ways in which video | Continue reading
As we noted in our complete guide, you can put an link around whatever chunks of HTML you like. Let's call that a "block link." Like you | Continue reading
As a front-end developer working for clients all over the world, I've always struggled to deal with multilingual websites — especially cases | Continue reading
Here's an example of a nice little use case for cloud functions. Glitch has this great package of friendly words. Say you wanted to randomly generate | Continue reading
Recently, I was asked to make some tweaks to a landing page and, among the things I found in the code, there were two semitransparent overlays — both with | Continue reading
I love it when people redesign "in the open" and write about it. I'd just like to shout out to our own Geoff who has been doing this for 3 months now. He | Continue reading
I see Google Fonts rolled out a new design (Tweet). Compared to the last big redesign, this feels much more iterative. I can barely tell the difference | Continue reading
You might reach for | Continue reading
Funny timing on this I was just looking at the website for Utopia (which is a responsive type project which I hate to admit I don't fully understand) and | Continue reading
Have you ever clicked on an image on a webpage that opens up a larger version of the image with navigation to view other photos? Some folks call it a | Continue reading
More than ever, new products aim to make an impact on a global scale, and user experience is rapidly becoming the determining factor for whether they are successful or not. | Continue reading
A fascinating new site called The Markup just launched. Tagline: Big Tech Is Watching You. We’re Watching Big Tech. Great work from Upstatement. The | Continue reading
You know what the best thing is about building and running automated browser tests is? It means that the site you're doing it on really matters. It means | Continue reading
Tartan is a patterned cloth that’s typically associated with Scotland, particularly their fashionable kilts. On tartanify.com, we gathered over 5,000 | Continue reading
Let’s create a pure CSS effect that changes the color of a text link on hover… but slide that new color in instead of simply swapping colors. There are | Continue reading
I've had a bunch of tabs open that just so happen to all be related to typography, so I figured I'd give myself the mental release of closing them by | Continue reading
Looking at the CMS scene today, there are upwards of 150 options to choose from — and that’s not including whatever home-grown custom alternatives people | Continue reading
Here's a Card component in React: const Card = props => { return(
I was extremely excited when I first heard that clip-path: path() was coming to Firefox. Just imagine being able to easily code a breathing box like the | Continue reading
Not long ago, I posted about PHP templating in just PHP (which is basically HEREDOC syntax). I'm literally using that technique for some super basic | Continue reading
Gosh bless the element. Toss some content inside it and you have an accessible expand-for-more interaction with just about zero work. See the Pen Simple | Continue reading
A standard e-commerce site has a few common pages. There are product pages, shop pages that list products, and let’s not forget pages for the user | Continue reading
Over a decade ago, I did a little three-part video series on Designing for WordPress. Then I did other series with the same spirit, like videocasting the | Continue reading
Here’s a great thread by Kevin Powell that's making the rounds. He believes so many folks see CSS as a frustrating and annoying language: | Continue reading
Here’s a fun one. How might we create a set of those cool Matryoshka dolls where they nest inside one another... but in CSS? I toyed with this idea in my | Continue reading
This is not that blog post. I'm saying let's say you were. This is not a knock any other blog posts out there about Dark Mode. There are lots of good | Continue reading
Earlier this year, I came across this demo by Florin Pop, which makes a line go either over or under the letters of a single line heading. I thought this | Continue reading
GraphQL is becoming popular and developers are constantly looking for frameworks that make it easy to set up a fast, secure and scalable GraphQL API. In | Continue reading
I was recently working on a modern take of the blogroll. The idea was to offer readers a selection of latest posts from those blogs in a magazine-style | Continue reading
Learn how to create a custom CodePen block with a preview for Sanity Studio, inspired by Chris Coyier’s implementation for Wordpress’ Gutenberg editor. | Continue reading
I posted about parsing an RSS feed in JavaScript the other day. I also posted about my RSS setup talking about how Feedbin is at the heart of it. Dave | Continue reading
It's been over a year since the big WordPress launch of Gutenberg, the new editor. It seems to me most of the controversy around it has died down. There | Continue reading
A big checklist of things you could/should be doing to make your website the best it can be. 80% of which is a good idea for any website, not just a | Continue reading
The problem: you click a jump link like Jump which links to something like
The developer’s debugging console has been available in one form or another in web browsers for many years. Starting out as a means for errors to be | Continue reading
Every once in a while I'm motivated to attempt to draw some shapes with
The advantages of using SVGs in web development are well known. SVGs are small in size, can be made quite accessible, are scalable while maintaining their | Continue reading
They are special superset numbers that are sometimes perfect for footnotes. Here they are: ¹ ² ³ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ I generally prefer to superscript the number | Continue reading
What should you do when you get a complaint about the color contrast in your web design? It might seem perfectly fine to you because you’re able to read | Continue reading
Andrew Welch had a little CSS challenge the other day to make an ordinary div: • centered vertically + horizontally• scales to fit the viewport w/ a | Continue reading
The inline-template directive allows us to build rich Vue components as a progressive enhancement over existing WordPress markup. | Continue reading
We'll get to that, but first, a long-winded introduction. I'm still not in a confident place knowing a good time to use native web components. The | Continue reading
Everything you ever wanted to know about data attributes in HTML, CSS, and JavaScript. | Continue reading