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.

Create an iOS-Inspired Flat Countdown Timer in Adobe Photoshop

Flat design is dominating the web, and I’m sure you all know that recently Apple created a new look for their OS. I love the minimal appearance of the user…

How to Create Shapes in CSS

In today’s tutorial, let’s create a simple list of the most common shapes that can be created using CSS3. We will make progress through the article and at the end,…

Organize Your Content with CSS Counters

But, talking about HTML how should we write it? Most (all?) use numbers as text in headings, as they were common content. Well, let me tell you a secret: They…

Design an Elegant Calendar Widget Using Adobe Photoshop in Just 15 Minutes

By combining some gray, black, and variations of different light colors, and a nice subtle texture, we will try to give the interface a grungy, minimal look. Calendar Design –…

How to Create a JavaScript Progress Bar With Pace.js

In today’s tutorial, I am going to show you how to use this amazing plugin to load a progress bar on your site.

What’s great with Pace.js: You can automatically…

How to Create a Flat Navigation Icon Set in Adobe Photoshop

Hopefully, after completing this tutorial, you will take your new skills and start incorprating flat design into your own websites and projects. And besides, the flat design movement is not…

Create an Impressive Reflection Effect Using CSS and Reflection.js

One of the amazing effects you can do with today’s modern web design is to create an image reflection effect However, creating an image reflection effect using CSS alone for…

Create a Beautiful Typographical Design in Only 10 Minutes with Adobe Photoshop

They say letters are boring. Unlike videos and music, text is static. It does not move or tickle other senses besides the eyes. Text is usually placed as an information…

How to Create Simple Shapes with SVG

In the past, the only image format that was supported by all browsers was the GIF, an image file developed by CompuServe. Then came the JPEG image file, which offered…

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…

Category: Learn

Pin It on Pinterest