Collection of Free Preloaders and Loading Animated Spinners

CodingNataly Birch and Andrian Valeanu • January 03, 2023

Waiting is an annoying thing, whether it happens on a website, mobile application, or in real life. Not only does it frustrate people, but it also leads to some unpleasant consequences. According to recent studies, 1 in 4 visitors will …

Create a Product Page with Interactive Colors in HTML, CSS3 & jQuery

CodingRaul Dronca • January 03, 2023

Create Product Page with Interactive Colors in HTML, CSS3 & jQuery

Topic: HTML / CSS3 / jQuery Difficulty: Intermediate Estimated Completion Time: 30 minutes In this tutorial, we are going to create a website product page using HTML, CSS3 and jQuery. You can use it for product presentations on your shop …

Typography: Anatomy of a Letterform

FreebiesNataly Birch • January 02, 2023

Typography has deeply ingrained in our lives: it is on our phones, in books, on websites, in instruction booklets, and even on shop displays and walls on the street. Not only does it deliver the message, but it also expresses …

Responsive Web Design: 50 Examples and Best Practices

Website DesignAndrian Valeanu • January 02, 2023

The number of handheld devices operating worldwide is growing exponentially. According to stats, more than 90% of adults own a cell phone, whereas almost 50% of smartphone users admit that they could not live without their devices. What can we …

How to Create a Shopping Cart UI using CSS & JavaScript

CodingRaul Dronca • January 02, 2023

Topic: HTML / CSS3 / JavaScript Difficulty: Intermediate Estimated Completion Time: 30 minutes In this tutorial, we are going to create a Shopping Cart using HTML and CSS3. We’re going to use Google Fonts for this tutorial, more specifically “Roboto.” …

A Guide to Figma Component Properties

Website ToolsLuca Vavassori • January 01, 2023

Last month, during the Config 2022 conference, Figma announced a bunch of exciting new features. One of them is surely the launch of Component Properties, which brings a significant change to the way components are created and managed in Figma. …

Working with Color: Create a Monotone Design Scheme

DesignCarrie Cousins • December 18, 2022

Creating a dark color scheme can result in a beautiful, elegant design. There are a variety of ways to do it, from creating pop with sharp contrast or working with a more monotone color palette, which we will focus on …

Dunning Emails: What-Why-When-How Guide with Templates

Email DesignNataly Birch, Andrian Valeanu and Laiba Siddiqui • November 24, 2022

Dunning Emails - Everything You Need to Know

Think about the last time you forgot to update your old card details or missed a payment reminder. It happens with all of us. Cards expire, banks block payments for no reason, or we simply overlook an email. But what …

Best Figma Alternatives for Designers [Free & Paid]

Website ToolsNataly Birch and Andrian Valeanu • November 14, 2022

Gone are the days when designers use software with only desktop-based workflows. Although Photoshop and Illustrator are still powerful assets with a leading position in the industry, cloud-based web graphics editing and user interface design apps are changing the landscape …

Seasonal Icons: Winter Inspiration and Free Packages

Website Design, Website ExamplesNataly Birch • November 08, 2022

Seasonal Icons: Winter Edition Inspiration and Free Packages

It is hard to argue that winter is a marvelous and magical season. Being a closer and an opener at the same time, it is associated with summarizing, making resolutions and starting from scratch. Although we are accustomed to spending …