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

Coding •

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

Freebies •

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 Design •

Responsive Web Design: 50 Examples and Best Practices

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

Coding •

How to Create a Shopping Cart UI using CSS & JavaScript

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

Editor’s Picks

A Guide to Figma Component Properties

Website Tools •

A Guide to Figma Component Properties

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

Coding •

Create a Full Screen Navigation Menu in CSS3 & jQuery

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

Design •

Working with Color: Create a Monotone Design Scheme

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 Design, and •

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 Tools and •

Best Figma Alternatives for Designers

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 Examples •

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 …

Designmodo Inc. 169 Madison Ave, #79627, New York, NY 10016, United States

Copyright © 2010-2026

Collaborate to create and edit email templates without any coding skills.
Learn More Open App
Create animated static website presentations in a matter of minutes.
Learn More Open App
Build website templates online visually using the Bootstrap builder.
Learn More Open App