You most certainly know about Twitter Bootstrap – the popular front end framework for building websites and apps. It favors simple, responsive design, and comes bundled with a sensible default stylesheet, a number of useful jQuery plugins and an icon set. Although it doesn’t come with much else, Bootstrap is very extensible. In this article, you will… Continue reading 50 Must-have plugins for extending Twitter Bootstrap
Category: Tutorials
You learn something everyday if you pay attention
Sketching and Your Design Workflow
Once you’ve finished working with your content – great news! You get to start thinking about the actual design. But not so fast – don’t jump onto a computer straight away. If you talk to designers, most of them will tell you that it’s a massive part of their workflow to firstly sketch out any… Continue reading Sketching and Your Design Workflow
A Look at the WordPress HTTP API: A Practical Example of wp_remote_get
Speed Up HTML Coding With Emmet
Web Developers are always looking for new ways to speed up our development process, one the best ways to speed up your development and becoming more productive is to choose the right IDE for the way you code. I’ve tried a lot of IDE’s but he one that I find myself most productive with is… Continue reading Speed Up HTML Coding With Emmet
Top 30 Recent Adobe Illustrator Tutorials
Have you ever used the Illustrator tool by Adobe? If yes, there is some real great news on for you. Adobe Illustrator has come up with some real amazing tutorials that you must go through this year. They are specially meant for the new version of Adobe and, gauging some new Illustrator talent on board.… Continue reading Top 30 Recent Adobe Illustrator Tutorials
Create a Shortcode to List Posts With Multiple Parameters
How to Turn an Ordinary Landscape into a Dramatic Moonscape
Step 1 – Preparing Sky Download all the images listed as Tutorial Resources. Create a new document in Photoshop and drag a photo of “sky 1″ into it. Place it in the top left corner and name in LEFT SKY. Note: I really recommend to name all the layers in your photo manipulations. It makes… Continue reading How to Turn an Ordinary Landscape into a Dramatic Moonscape
Create a Set of “Almost Flat” Modern Icons in Adobe Illustrator
With this tutorial I would like to show you a few tricks on creating clean lines and edges when working with the flat design trend, in Adobe Illustrator. Simple layered styles and reusing Graphic Styles to help your workflow are most efficient, so you should be able to create a set of matching icons in… Continue reading Create a Set of “Almost Flat” Modern Icons in Adobe Illustrator
10 Rules for Choosing the Perfect Typeface
The typeface you choose for your next layout or logo design could either make it or break it. No pressure! With so many choices, where does one begin?! There is no right or wrong answer to the question, “Which typeface should I use?” However, there are a few guidelines that will help you make an… Continue reading 10 Rules for Choosing the Perfect Typeface
Learn Something You Didn’t Know Today
I’ve been working with print media for a long time. Understand that I’m not a designer, but as an editor who’s worked closely with designers in the past, I have a decent working knowledge of using InDesign — enough to get me in trouble, but not enough to layout a magazine. The other day, I… Continue reading Learn Something You Didn’t Know Today
Excellent Collection Of Free And Useful Photoshop CS6 Tutorials
Here, we have gathered some excellent tutorials on how to excel the new features of Adobe Photoshop CS6. Since the release of Photoshop CS6, it has been a hot topic of debate among designers as it boasts loads of interactive and appealing features that empower Photoshop to a great extent.Photoshop CS6 comes with impressive features… Continue reading Excellent Collection Of Free And Useful Photoshop CS6 Tutorials
How to Make a Resume
In today’s fast paced corporate life, every individual is striving to climb higher and higher on the success ladder. New opportunities arise and are short in duration; so every contestant should be on their toes to capitalize on them. Having said that, it is of utmost importance for every professional to have a perfectly constructed… Continue reading How to Make a Resume
Animated Books with CSS 3D Transforms
Create a Surreal Photo Manipulation of a Monk in the Caves
Working with Classes and IDs Generated By WordPress
Adobe Muse: Let’s Build a Website Without Writing Code
This entry is part 1 of 1 in the series Introduction to Adobe Muse Muse is one of Adobe’s Creative Cloud applications aimed at building for the web. It specifically caters for designers with a print background, or those who simply don’t have experience in coding. Muse’s visual interface and tools allow users to design… Continue reading Adobe Muse: Let’s Build a Website Without Writing Code
Retinize It: Free Photoshop Action For Slicing Graphics For HD Screens
High-definition (or “Retina”) displays have spread wider and wider, and evidently their numbers will keep growing. So, as creators of products that will be consumed on Retina devices, we have to optimize our design and development workflow accordingly. Slicing graphics from finished designs to use for development is one of the less enjoyable parts of… Continue reading Retinize It: Free Photoshop Action For Slicing Graphics For HD Screens
Using Custom Data Attributes and Pseudo-Elements
Create a Bald Eagle Illustration for Independence Day in Adobe Illustrator
How to Use Conditional Text in Adobe InDesign
Have you ever wondered how to handle Adobe InDesign projects when you have many different versions of the text and you have to use them all? There is a very clever and effective way to keep all versions of the text in the same document and easily switch between them by using conditions.
Building a Web App From Scratch in AngularJS
Quick-Tip: How to Create Double Exposure Photographs in Photoshop
Step 1 Start by opening the photo you’ll use as a background into Photoshop. This is usually a landscape/cityscape. Place the second image by dragging and dropping the file into your canvas or by going to File > Place. The transform tool will automatically be activated. Set the blending mode of the layer to screen… Continue reading Quick-Tip: How to Create Double Exposure Photographs in Photoshop
Foundation for Beginners: Progress, Alerts, Tooltips and the Elusive Mega Drop
Create a Flat Countdown Timer in Photoshop – iOS 7 Inspired
In this tutorial I’m going to show you how to create a simple countdown timer, iOS 7 inspired! Flat design is dominating the web and I’m sure you all know that Apple created a new look and feel for their OS. I’m really happy seeing the minimal look of the user interface and I know Apple… Continue reading Create a Flat Countdown Timer in Photoshop – iOS 7 Inspired