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

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

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

How to Create CSS3 Pricing Tables

Hello guys! In this tutorial we’ll learn how to code and style some CSS3 pricing tables from the Impressionist UI. All said, let’s start the coding… Topic: CSS3 Difficulty: Intermediate Estimated Completion Time: 45 min Step 1 – HTML We …

Force Tap Power: Excellent Examples of 3D Touch

3D-Touch

The pressure-sensitive screen of iPhone 6s and 6s Plus comes with plenty of potential; and brand-new cutting-edge feature, 3D Touch, is here to unlock it and turn to your advantage. The gadgets are able to measure the degree of pressure …

Move to HTTP/2: On the Wire for High Speed Connection Performance

Move to HTTP/2

The Hypertext Transfer Protocol (HTTP) is the systematic rules for managing the transfer of different kinds of files such as text, images, music, videos and other multimedia files used by the world wide web. It explains how files are formatted …

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

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 …

How to Create Perfect Color Combinations

How to Create Perfect Color Combinations

One of the most challenging and tricky parts of the design process can be choosing a color palette that represents your brand or message, while creating an amazing base for the design. Creating perfect color combinations is more than just …

How to Create a CSS3 Dropdown Menu

CSS3 Dropdown Menu

Topic: CSS3 Difficulty: Beginner Estimated Completion Time: 20 mins In this tutorial we will code in pure CSS3 the Navigation Menu that you can find in Impressionist UI. Step 1 – HTML Markup We will create an unordered list with …

20 Small, Yet Viable Solutions Based on Flexbox

Flexbox Snippets

Flexbox layout is perhaps one of the most long-awaited features in CSS. It is the “talk of the town.” It is suitable for tablet and mobile applications and small-scale layouts, however, its enormous potential allows it to deal with all …

Duotone – Fresh Trend in Website Design

Duotone - Fresh Trend in Website Design

As Wiki states, a Duotone is a halftone reproduction of an image that brings out its middle tones and highlights. Blue, brown, red and yellow are considered to be the everyday choices. However when it comes to enthusiastic web designers, …

How to Create Calendar using jQuery and CSS3

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 that you can find in Futurico UI Pro. To do it we will use CSS for all the …