Our blog

Getting Started with Lottie.js

About 10 years ago web animation was in big trouble. Adobe Flash was dying but there was still no obvious replacement. We needed a fast, easy-to-author, web-friendly format capable of staging larger-scale animated demos, cartoons, and banners.Happily...

UI Design Inspiration: Do You...

It’s a little over ten years since ‘flat design’ became the default and dominant design style – and with good reason. After all the glossy surfaces and shadows of ‘web 2.0’, we all needed design elements that remained crisp and legible in our newly r...

Web Typography: Establishing a...

Setting up the typography for any new project is always a complex task. There are literally hundreds of tweakable variables, and it’s very easy to spend endless hours adjusting sizing, line heights, margins, and weights. The best way to save...

6 Clever SVG Pattern Generator...

SVG patterns could easily be thought of as an under-appreciated superpower of SVG. While they’re often not widely understood, SVG patterns offer a lot of interesting design options once you understand their subtleties.In this article, we’re going to...

How to Animate CSS Box Shadows...

In this article, you’ll learn how to animate CSS box shadows without reducing browser performance. In CSS, the box-shadow property is used to add shadows to web elements, and these shadows can be animated. However, shadow...

How to Center a Div Using CSS...

In this article, we’ll look at four ways to horizontally and vertically center a div using CSS Grid. Of course, these centering techniques can be used on any kind of element. We’ve previously covered how to center elements horizontally and vertically...

How the CSS :is, :where and :h...

CSS selectors allow you to choose elements by type, attributes, or location within the HTML document. This tutorial explains three new options — :is(), :where(), and :has(). Selectors are commonly used...

Mastering z-index in CSS

The z-index is a property used to control the ordering of layers in the document. Elements with a higher z-index value appear above elements with lower values. Much like how the x and y axes on a page determine where...

An Affordable Work-From-Home S...

Working from home has been increasingly popular since the outbreak of COVID-19. Remote work is a new experience full of challenges for many people. After all, most home offices lack the necessary equipment present at the workplace, making it difficul...