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

Responsive CSS Keyframe Animations

CodingJoni Trythall • March 20, 2022

I know I am not alone in the pure love and happiness I feel towards CSS animations. I also know I am not alone in the love and happiness I feel towards my mobile phone. Yet, the joyful experience of …

How to Create Login Form with CSS3 and jQuery

CodingValeriu Timbuc • March 13, 2022

Topic: CSS3 & jQuery Difficulty: Intermediate / Advanced Estimated Completion Time: 45 mins In this tutorial we will code the Login Form that you can find in Futurico UI Pro. To create it we will use CSS3 and jQuery. Step …