Category: Learn

In order to create impressive-looking web designs, you need impressive skills. Our tutorials include everything from HTML to JavaScript and CSS, and Photoshop to Illustrator. Check them out – you may discover a better way to design.

Image Caption Animation with CSS Transform and Transitions

jQuery caption hover effects have been on the Web for a long time. There are plenty of jQuery libraries out there that can be used to create cool image caption…

Create SVG Loading Animations Using Adobe Edge Animate CC & Illustrator

Keeping your viewers glued to your webpage while it loads is like trying to stop a time bomb, except that it doesn’t blow people into tiny bits. Some web designers…

The Power of Sass and Why You Should Embrace CSS Preprocessors

Front end engineering has always remained a niche skill, even with the burgeoning array of techniques and technology available. Today, as we witness the launch of newer frameworks and tools…

How to Create a Minimal Login UI in Adobe Photoshop

With some simple techniques we will create a beautiful login interface. We will be using some variations of the color gray to help keep the interface as simple, elegant and…

Facebook Image Tagging Tutorial Using jQuery and CSS

There is a popular saying that a picture is worth a thousand words. Images are a great way of catching our attention instantly. But sometimes its necessary to tag or…

Getting Started Guide for Adobe Lightroom

Even though it is not a requirement for a website to have photos, still, some clients prefer them over graphics as they show the real world. They portray an action…

30 Fantastic Photoshop Tutorials for Creating Vintage and Retro Designs

Do you love 1900’s all the way to 1980’s design style? Or have you forgotten about those vintage years even when it’s just the 2010’s? In this collection, we have…

Design an Amazing Product Page with CSS Background Attachments

The first method is creating the before and after effect of an image. I am going to create the second method which will change the product’ as we scroll down.…

Comprehensive MySQL Guide for Beginners

This article is a MySQL guide article that tackles how the program works and what it can do for both users and programmers. MySQL is an open source multi-threaded, relational…

How to Create a Registration Page Validation Using jQuery

In this tutorial, I will show you how to set up a front-end validation that will work on old browsers. I will also be using the jQuery plugin name Validator…

50 Essential jQuery Tutorials & Resources

From jQuery homepage – “jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed…

How to Create a Modern Music Player UI Using Adobe Illustrator

There have been a lot of UI kits swarming around the market lately. Some include complete sets of User Interface elements and some focus on just one element. These kits…