Tag: Tutorials

All PostsPhotoshopTips

100+ Free & Outstanding Photoshop Actions

Every new project can take from few hours to months. But there are some shortcuts. Photoshop actions come to the rescue. It can help you to complete repetitive tasks quickly, like performing the same steps to achieve a particular type of photo effect.

Don’t waste your time repeating the same steps to achieve a stunning effect. Download & try all these Photoshop actions now!

Read More
All PostsTutorialsWeb Design

How To Customize Your CSS Buttons With Pictogram Icons

Looking back 5 or 10 years ago the process of designing website buttons was very tedious. CSS could handle a lot of the outer edges, but gradient backgrounds and icons required static images. And these newer design trends are still at the cusp of innovation. This means you will find plenty of modern websites still using images in place of CSS3 effects.

I want to focus this tutorial on the power of CSS3 icon fonts for designing user interfaces. We will be creating some generic CSS3 buttons with added icons for design aesthetics. However the icons will not be loaded from static images or sprite sheets. Instead we will be using the Entypo icons font for generating pictograms inside your website layout.

Read More
HTML5 pre Code Syntax Highlighting with JavaScript
All PostsTutorials

HTML5 Pre/Code Syntax Highlighting with JavaScript

Performing a quick search in Google will yield a number of helpful JavaScript libraries for styling source code. Blogs and websites focused on frontend and backend development will frequently need to publish articles which use direct source code in the page. Basic monospaced fonts are not always enough, and with dynamic syntax highlighting it is…

Read More