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

Valeriu Timbuc  •  CSS3, HTML, jQuery, Tutorials  •  May 8, 2016
How to Create an Video Player in jQuery, HTML5 & CSS3

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. MediaElement.js is a HTML5 audio and video player that also works for older browsers using Flash and Silverlight to mimic...

How to Create CSS3 Pricing Tables

Valeriu Timbuc  •  CSS3, Tutorials  •  May 3, 2016
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 will create a table with the class “pricing-table”, this class will be the base to add our styling. Then we will...

Force Tap Power: Excellent Examples of 3D Touch

Nataly Birch  •  Apps Examples  •  April 29, 2016
Force Tap Power: Excellent Examples of 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 that brings about two different types of taps. The first is quick, gentle and light, that is a standard habitual tap; and the second one is...

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

Sam Norton  •  Resources  •  April 27, 2016
Move to HTTP/2: On the Wire for High Speed Connection Performance

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 and transmitted between the server and the browser. Internet protocols like HTTP are a collection of protocols which serves as an...

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

Valeriu Timbuc  •  CSS3, HTML, jQuery, Tutorials  •  April 24, 2016
How to Create an Audio Player in jQuery, HTML5 & CSS3

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 is a HTML5 audio and video player that also works for older browsers using Flash and Silverlight to...

How to Create Perfect Color Combinations

Carrie Cousins  •  Design  •  April 20, 2016
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 picking two colors and running with it. There’s actually quite a bit of science and design color theory behind it. Today, we’ll look at...

Save the Date: NYC Awwwards Conference 2016

Carrie Cousins  •  Resources  •  April 19, 2016
Save the Date: NYC Awwwards Conference 2016

You probably browse through their great collections of website design. Now you can go to the Awwwards NYC conference and immerse yourself in web design and rub elbows with some pretty awesome designers for two days. But you need to mark your calendars now. Tickets for the event – June 16 and 17 in New York City – are likely to sell out. Why Awwwards NYC? This is the top...

How to Create a CSS3 Dropdown Menu

Valeriu Timbuc  •  CSS3, Tutorials  •  April 13, 2016
How to Create a 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 a list item and an anchor tag for each menu link. To create the sub menu add another unordered list inside of the list. <ul...

20 Small, Yet Viable Solutions Based on Flexbox

Nataly Birch  •  Scripts  •  April 13, 2016
20 Small, Yet Viable Solutions Based on Flexbox

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 sorts of projects, including large-scale ones. Its primary task is to efficiently use all the available space by manipulating...

Duotone – Fresh Trend in Website Design

Nataly Birch  •  Website Design  •  April 11, 2016
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, there is no such thing as common or dominant. As the past several months show, numerous vibrant shades from purple to green are implemented...