How to Create a CSS3 Mega Drop-Down Menu

Valeriu Timbuc  •  CSS3, Tutorials  •  May 28, 2016
How to Create a CSS3 Mega Drop-Down Menu

Topic: CSS3 Difficulty: Intermediate Estimated Completion Time: 1 hour Hello guys! In this tutorial I will teach you how to create a pure CSS3 Mega Menu. Mega Menus are usually used on corporate/e-commerce websites, but they become more popular because they are a great way to display/organize content. The design of this mega menu can be found on the The Bricks UI. Let’s...

How to Create an Upload Form using jQuery, CSS3, HTML5 and PHP

Valeriu Timbuc  •  CSS3, HTML, jQuery, Tutorials  •  May 21, 2016
How to Create an Upload Form using jQuery, CSS3, HTML5 and PHP

Topic: jQuery / CSS3 Difficulty: Advanced Estimated Completion Time: 1 hour In this tutorial we will code an Upload Form from Impressionist UI. We will code it using the Plupload API. Plupload allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features such as upload progress, image resizing and chunked...

How to Create a Responsive Image Slider in jQuery and CSS3

Valeriu Timbuc  •  CSS3, jQuery, Tutorials  •  May 14, 2016
How to Create a Responsive Image Slider in jQuery and CSS3

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. I hope you will enjoy it and find it useful for your projects. Lets get started! STEP 1 – Markup The slider html...

Free Shopping Cart, Payment and Other E-commerce Icons

Adrian  •  Icons  •  May 10, 2016
Free Shopping Cart, Payment and Other E-commerce Icons

The friendlier the interface to targeted audiences, the better chance you will have to increase conversion rates and generate greater profit. Icons play a vital role in creating a comfortable environment for potential customers. They indicate function and unambiguously communicate meaning. Not only do they look coherent across various devices providing consistency in style,...

How do you Create a Cool Portfolio?

Adrian  •  Templates  •  May 9, 2016
How do you Create a Cool Portfolio?

As a web or UX designer, you should definitely have a strong portfolio to showcase your work. You not only need to show prospective clients what you can do, but how good you are at doing it as well. While there are various ways you can advertise your services, an online portfolio is almost always the most effective. It may seem simple, but it’s not. There are a number of...

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