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. …

Create a Full-Screen Navigation Menu in CSS3 & jQuery

CodingRaul Dronca • December 27, 2022

Topic: HTML / CSS3 / jQuery Difficulty: Intermediate Estimated Completion Time: 30 minutes In this tutorial, we are going to create a Full-Screen Navigation Menu using HTML, CSS3 and a little bit of jQuery. For this tutorial, we’re going to …

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 …

How to Create Checkout Form Using HTML, CSS3 and jQuery

CodingRaul Dronca • November 04, 2022

How to Create Checkout Form using HTML, CSS3 & jQuery

Topic: HTML / CSS3 / jQuery Difficulty: Intermediate Estimated Completion Time: 30 minutes Hello, everyone! In this tutorial, we are going to create a Shopping Checkout Form using HTML, CSS3 and a little bit of jQuery. We’re going to use …