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, you will learn how to create something truly great. This tutorial …
Month: March 2017
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 are doing it wrong. A little time ago I was …
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 – Final Result This is the final result of our calendar …
An Inspirational Collection of Creative Headlines and Taglines
Generally, the most successful websites include headlines that support the website’s goals and are simple and easy to remember. By creating a unique and fun headline and tagline, you’re that much closer to separating yourself from the competition. You also …
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. Pace.js Your Designer ToolboxUnlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets DOWNLOAD NOW What’s …
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 only aesthetically beautiful, it has a functional purpose as well. …
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 your site can be time-consuming. This might work for awhile; …
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 dissemination tool which conveys the detailed message of the media …
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 terrible compression without loss of any details, but the size …
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 animation and hover effects. That being said, it is now …