Create an SVG Animation using CSS and JavaScript

Coding •

SVG, or Scalable Vector Graphics, is an application of XML to provide vector graphical information in a lightweight form. Unlike the other rasterized image format such as PNG and JPEG, SVG can be scaled without loss of image quality. Creating …

How to Create a CSS3 Dropdown Menu

Coding •

CSS3 Dropdown Menu

Topic: CSS3 Difficulty: Beginner Estimated Completion Time: 20 mins In this comprehensive tutorial, we will guide you through the process of coding a Dropdown Navigation Menu using pure CSS3. This step-by-step guide will cover everything you need to know to …

How to Create a Well-Organized File Management System for Designers

Design •

How to create a well-organized file management system for designers

File organization for designers can be tough since we work on so many different projects, with a variety of clients and teams. Each client has their own way of project management, too. It can be a lot to handle if …

How to Create Calendar using jQuery and CSS3

Coding •

Calendar using jQuery and CSS3

Topic: jQuery & CSS3 Difficulty: Intermediate Estimated Completion Time: 30 mins In this tutorial we will code the jQuery and CSS3 Calendar. To do it we will use CSS for all the styling and for “functionality” we will use jQuery …

Editor’s Picks

How to Use steps() in CSS Animations

Coding •

How to Use Steps() in CSS Animations

I am guessing that many of you have found steps() to be confusing when using it in CSS animations. I wasn’t sure how or why to use it at first and searching seems to produce two main examples: A typing …

How to Create CSS3 Buttons

Coding •

How to Create CSS3 Buttons

Topic: CSS3 Difficulty: Beginner Estimated completion time: 30 mins In this tutorial we will be making some cool CSS3 buttons. They are based on the Futurico User Interface and we will try to make a precise copy of them. Let’s …

Playing with CSS3 Animations, Beginner’s Tutorial

Coding •

Playing with CSS3 Animations

I would like to share with you a personal experience I had while trying to build advanced visual animations with CSS keyframes. The topic we’re going to address is animating several HTML elements simultaneously and taking advantage of keyframe flexibility. To …

How to Create an Interactive Graph using HTML, CSS3 & jQuery

Coding •

How to create an Interactive Graph using CSS3 & jQuery

Topic: jQuery (Flot) & CSS3 Difficulty: Advanced Estimated Completion Time: 1 hour In this tutorial we will code an Interactive Graph using jQuery and CSS3. We will use the jQuery’s popular plotting plugin “Flot”. Flot is a pure JavaScript plotting …

Free Illustrations: Trendy and Artistic Graphics that Tell Stories

Freebies and •

Free Illustrations: Trendy and Artistic Graphics that Tell Stories

The new trend in graphic design and illustration for web, finally, is art meets illustrations. People love illustrations. Whether it is a designer, developer or regular user, hand-drawn pictures always please the eye. They bring authenticity and personality to digital …

How to Create an Image Slider using jQuery and CSS3

Coding •

Create an Image Slider using jQuery and CSS3

Topic: CSS3 & jQuery Difficulty: Intermediate Estimated Completion Time: 30 mins In this tutorial we will create a Slider with “Nivo Slider jQuery Script” and CSS3. We will use the “Nivo Slider jQuery Script” because it’s a powerful tool and …

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