Content filed under “Design”

Build a fancy hover animation

Learn how to use the power of CSS to take any collection of images and make them blend well together with a fancy interactive state.

Use transparent borders and outlines to assist with high contrast mode

It’s tempting to use a sharp box shadow for focus styles to both remove the default focus ring and to get around sharp outline corners. With this method, you can create problems for Windows High Contrast users, so this quick tip will help you get the best of both worlds.

Improve the readability of the content on your website

Learning how to make long-form content, like blog posts, read well is a valuable and transferable design skill to learn. In this tutorial, we’re looking at how CSS gives us all the tools we need to achieve this, as a compliment to semantic HTML.

Use grayscale filter to see where you are relying too much on colour