A hero image that uses height: 100vh to cover the entire screen for a magazine cover effect. When scrolled, it has a subtle animation similar to openin...

Recreation of a print layout from The Intelligent Lifestyle Magazine book using CSS Grid....

...

Generate colors based on a desired contrast ratio.

With the Power of CSS Variables

See color palette inspiration on a real example website. As you click on different palettes every color on this site updates to give you context of how that color could be used for your design or illustration projects.

Michelle Barker appears as one of a heavenly host, coming forth with scroll in hand to pronounce an end to janky scrolljacking! Unto us a new specification is born, in the city of TimBL, and its name shall be called Scroll Snap.

I recently attended the ARTIFACT conference in Austin, TX, and was inspired by a few talks about accessibility through the lens of site performance. It became clear to me that there is this tendenc…

position: sticky works on some mobile browsers now, so you can make a menu bar scroll with the page but then stick to the top of the viewport whenever the user scrolls past it. But what if you wan...

...

It’s all too common to see the incorrect HTML used for quotes in markup. In this article, let’s dig into all this, looking at different situations and

How to quickly and easily add WordPress pagination to a theme using the paginate_links() function.

The default WordPress pagination only comes with the “Older posts” and “Newer posts” links at the bottom of the page when you want to navigate to the older entries. This […]

By default, WordPress displays posts in archives by the date they are published. Here's how to order the WordPress archive templates by ACF Date Picker field:

This tutorial is all about allowing or disallowing Gutenberg blocks, not only for an entire website, but for a certain custom post types and even for certain posts.

I'm trying to modify my archive.php where I can select the categories and filter their records. I can display the categories, detect if is a taxonomy page, but by selecting them, they are not filt...

When you add anything with user-generated content or dynamic data to a static site, the complexity of the build process can become comparable to launching

Do you get the feeling that all website have started looking the same? With some creative CSS, you can make more interesting, print-like web layouts.

I love the new BBC adaptation of Philip Pullman’s His Dark Materials trilogy of novels. There’s also some pretty nice graphic design to…

Google Fonts filtered by tags.

Sidenotes have been around for ages in print, but they're surprisingly hard to do well in HTML.

It's almost 2020 but ads are still not responsive, they still block the natural render flow, they trigger z-index wars and on top of that some of them steal your secrets. This is about how to deal with them without losing your sanity.

Generate diagrams as fast as you type.

Julie Grundy kicks off this, our fifteenth year, by diving headlong into the snowy issue of customising form inputs. Nothing makes a more special gift at Christmas that something you’ve designed and customised yourself. But can it be done while staying accessible to every user?

WordPress developers will be aware the REST API has been around for some time, but as of late last year it was integrated into core, meaning it can...

Let our tarot-reader predict your digital future.

Julie Grundy kicks off this, our fifteenth year, by diving headlong into the snowy issue of customising form inputs. Nothing makes a more special gift at Christmas that something you’ve designed and customised yourself. But can it be done while staying accessible to every user?

Communicating Between JavaScript and CSS Using CSS Variables