How to Create a Responsive Image Slider in jQuery and CSS3

CodingValeriu Timbuc • May 14, 2022

Topic: jQuery (flexslider) / CSS3 Difficulty: Intermediate Estimated Completion Time: 30 mins Today we will code a responsive image slider from the Impressionist UI. We will code it using the FlexSlider plugin for the functionality and style it using CSS3. …

Best Status Website Badge Examples: How to Customize the Design

Website Design, Website ExamplesNataly Birch and Andrian Valeanu • May 09, 2022

Do you know that visibility of system status is one of Jakob Nielsen’s 10 heuristics for user interface design? According to the most famous and respected web usability consultant and human-computer interaction researcher, who holds 79 patents on making the …

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

CodingValeriu Timbuc • May 08, 2022

Topic: jQuery / CSS3 Difficulty: Intermediate / Advanced Estimated Completion Time: 45 mins In this tutorial we will code an Video Player from Impressionist UI. We will code it with CSS3 for the styling and the “MediaElement.js” for the functionality. …

How to Create CSS3 Pricing Tables

CodingValeriu Timbuc • May 03, 2022

In this tutorial, we’ll learn how to code and style CSS3 pricing tables from the Impressionist UI. This step-by-step guide will help you create elegant and responsive pricing tables with ease. Whether you’re a beginner or an experienced developer, you’ll …

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

Website Design, Website ExamplesNataly Birch and Andrian Valeanu • April 27, 2022

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

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 …