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

CodingValeriu Timbuc • April 24, 2022

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

CodingSam Norton • April 24, 2022

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

CodingValeriu Timbuc • April 13, 2022

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

DesignPaula Borowska • April 10, 2022

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

CodingValeriu Timbuc • April 04, 2022

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

CodingJoni Trythall • March 31, 2022

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

CodingValeriu Timbuc • March 30, 2022

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

CodingVincent Tantardini • March 28, 2022

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

CodingValeriu Timbuc • March 22, 2022

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

FreebiesNataly Birch and Andrian Valeanu • March 22, 2022

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 …