Best Status Page Examples: Advanced Customization, Design, and Incident Reports

Website Design, Website Examples and •

Best Status Page Examples: Advanced Customization, Design and Incident Reports

Expect companies to embrace transparency in platforms to reinforce relationships with the digital crowd and improve their positions in the market this year. Information such as system metrics, incident data, maintenance calendars, and even the status of the hosting provider …

How to Create an Audio Player in jQuery, HTML5 & CSS3

Coding •

How to Create an Audio Player [Tutorial]

Topic: jQuery / CSS3 Difficulty: Intermediate / Advanced Estimated Completion Time: 30 mins Today’s tutorial we will code an Audio Player from Impressionist UI. We will code it with CSS3 for the styling and the “MediaElement.js” for the functionality. MediaElement.js …

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 …

Editor’s Picks

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 …

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 …

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