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 …

Free iPhone 14, 14 Pro Max, Mini and XR Mockups for Designers

FreebiesNataly Birch • November 03, 2022

The time has come to raise your game and replace your already old iPhone 12 with a newer and younger yet more sophisticated version, iPhone 13. Although it is not a game-changer, it was still engineered to push the boundaries …

How to Export Designs from Figma to Siter.io

Website Designeugene • October 24, 2022

Siter.io is a design tool and website builder that lets you create and publish entire websites without any coding. After export, you can make changes and easily add responsive versions for your pages. This article will show how easy it …