Month: August 2013

Build Bootstrap in Minutes Using Emmet

Bootstrap (currently at version 3) is all about rapidly building websites, whether they be prototypes or finished products. In today’s videos we’re going to build ourselves a Bootstrap layout, in record time, usingEmmet‘s powerful time-saving markup syntax.   Using Emmet Before we dive into Bootstrap, it’s worth taking a minute to become familiar with what Emmet is… Continue reading Build Bootstrap in Minutes Using Emmet

Create a Realistic Underwater Scene in Photoshop

Final Product What You’ll Be Creating Underwater scenes can be quite challenging to create in a realistic way. In this tutorial, we will explain how to create an Underwater scene in Photoshop using several stock photographs. Let’s get started!   Speed Art Video Take a look at this stunning speed art video that shows how this… Continue reading Create a Realistic Underwater Scene in Photoshop

20 Creative Logo Designs to Get Inspired

Creative logo designs are the fundamental thing for any product like – website, software etc. It’s the basic thing to consider for branding an identity. Logo design procedure is crucial in terms of design factors. You need to be careful about proper color combination and logo theme must be according to the product. Vector images… Continue reading 20 Creative Logo Designs to Get Inspired

The Creation Process of “Urbanized” Photo Manipulation in Photoshop

In this tutorial, I will show you the process of creating this “Urbanized” photo manipulation in Photoshop. The concept behind this work is that human is increasing living in a confined urban space and being consumed by the endless expansion of the cities. I used 3 elements in this manipulation to represent the theme “Urbanized”:… Continue reading The Creation Process of “Urbanized” Photo Manipulation in Photoshop

10 Wicked Freebies That Every Designer Should Download

Sometimes designing your own graphics from scratch can be a timely and daunting task, and going to the professionals can be very costly. In this post I have assembled an amazing collection of well designed free graphic elements that we do think are worth mentioning…for example; Flat icons, Flat design UI Kit, PSD website template… Continue reading 10 Wicked Freebies That Every Designer Should Download

Typography Basics for Developers

Typography is a fundamental element in any design that you work on. The main reason we have websites in the first place is to display information, and for that information to be consumed by users who come across it. While there may be many other elements to a website, at the core is content. That… Continue reading Typography Basics for Developers

Useful Tutorials for Web Designers and Developers

In this round up I present some useful tutorials which can be very much helpful to all designers and developers.   Understanding the Qualities and Characteristics of Color Creating Content Tabs with Pure CSS Creating a Modern Lightbox with CSS3 and JavaScript Making Draggable Webpage Elements using jQuery 30 Must Have Wicked Text Effect Tutorials… Continue reading Useful Tutorials for Web Designers and Developers

20 Latest Retina Responsive WordPress Theme for 2013

Check out these latest 20 retina responsive wordpress themes from 2013.  The responsive trend has been ongoing since 2012. It is now a pretty standard fare for any themes developed after 2012 to be have a responsive template. At the same time, iPad users have been growing exponentially, which requires wordpress themes to be retina… Continue reading 20 Latest Retina Responsive WordPress Theme for 2013

Showcase Of Fresh And Free jQuery Plugins And Tutorials

Plugins and tutorials are great designing resources for the designers. With the help of tutorials, designers can learn and practice new technique of using their designing tool and plugins are meant to simplify their designing work. In the recent times, jQuery has become simply miraculous seeing that with jQuery you can discover plugins to achieve… Continue reading Showcase Of Fresh And Free jQuery Plugins And Tutorials

30 Creative Photoshop Brushes for Designers

Photoshop is a one of the best graphic editing software for designer. Always providing various tools sometime it can get quite frustrating when you can’t find the tools you need to satisfy your specific design needs but brushes are fantastic time saver and quickly create without having to draw any design elements. Today we bring… Continue reading 30 Creative Photoshop Brushes for Designers

20 Awesome Graphic Design Photoshop Video Tutorials

There are a lot of step-by-step Photoshop tutorials on the web, but sometimes you’ll understand better and be more focused if you feel like someone is actually talking to you and explains to you the design process. That is why we’ve looked for the best graphic design video tutorials out there and selected 20 of them. Hope… Continue reading 20 Awesome Graphic Design Photoshop Video Tutorials

Recreate Google Nexus Menu

Recently I stumbled upon Codrops’ tutorial regarding the recreation of Google Nexus navigation menu. That was inspiring and such a creative navigation system from Google. So, I decided to create a jQuery version to challenge to myself. I have been playing with the original Google Nexus Menu for a while. Based on my observation, I summarised its… Continue reading Recreate Google Nexus Menu

20 Websites with Unique Pattern Designs

Patterns can make a website stand out and be more appealing to the visitors. Adding textures to a website will make it more interesting, but keep in mind that textures should be used carefully, too many textures may make the website look crowded. To help you out we’ve selected 20 websites with unique pattern designs… Continue reading 20 Websites with Unique Pattern Designs

How To Create Stylish Pictogram Inspired Illustrations

Illustrating with basic linework not only results in some really cool artwork, it also makes the job a lot easier! Instead of painstakingly drawing every detail, simplifying the object into its basic form and using just a single stroke weight produces a stylised pictogram effect. In this tutorial I’ll take you through the process of… Continue reading How To Create Stylish Pictogram Inspired Illustrations

30 Free Colorful Vector Background Graphics

There are some colorful vector background graphic designs out there which are great for design inspiration, and sweet to use on your website background and other graphic design works. Vector Background having a good and suitable color theme on your Vector Design Background will give users a pleasing user experience while surfing through the designed. Colorful vector… Continue reading 30 Free Colorful Vector Background Graphics

Freebie: 7 Abstract Photoshop Actions

Plexiglass Photoshop Actions Preview Plexiglass is a set of Photoshop actions that adds abstract overlays to your photos. They’re great for posters, covers, or even as backgrounds for images. What’s cool about these actions is that you can resize or crop your image and the effects will update itself to fit your new image dimension.… Continue reading Freebie: 7 Abstract Photoshop Actions

Create an Abstract Tattoo Design in Adobe Illustrator

Final Product What You’ll Be Creating In the following tutorial you will learn how to create hand-drawn tattoo styled illustration in Adobe Illustrator. You will need a graphic tablet such as Wacom to learn how to create, set up and use Calligraphic Brushes. Starting with sketch work you will learn how to work with Strokes and… Continue reading Create an Abstract Tattoo Design in Adobe Illustrator

Dominating Bold Type in Website Design: New Examples

What makes great website design great? Your answer will definitely vary: advanced animations, spectacular captivating photos, uncommon video intros, high-detailed artistic illustrations, flawless execution of popular styles, creative solutions and much more – all these aspects depend on kind and purpose of website itself, but there is undoubtedly one thing that you find in common… Continue reading Dominating Bold Type in Website Design: New Examples

12 Unique Freebie Graphics for Web Designers

New PSD and AI vector graphics are released online every day. Freebies have become a tremendous market themselves, gathering support from designers and developers alike. There are many freebie directories but it can be tough finding exactly what you need. In this article I would like to share a small collection of freebies which are… Continue reading 12 Unique Freebie Graphics for Web Designers

Beginning With WordPress: First Steps With Your New Website

Well… would you look at at that… a whole new WordPress site! Clever you! Have you logged in yet? If so, you might be sitting looking at the Dashboard wondering what the heck you do next…  so, let me help you with that! (Failing that you’re wondering what on earth a Dashboard is, that’s ok,… Continue reading Beginning With WordPress: First Steps With Your New Website

Create a slide-out footer with this neat z-index trick

In this short tutorial, we are going to create an interesting slide-out footer with a bit of CSS. Grab the zip from the download button above, open it in your favorite code editor and read on! The Idea The effect we are after, is to give the impression that the page lifts up to reveal… Continue reading Create a slide-out footer with this neat z-index trick

How to build standards-compliant responsive design using @viewport

One of the key concepts in any responsive design is the change of viewport size. That’s because mobile viewports vary greatly from desktop viewports. To control the viewport size we traditionally use the viewport meta tag. However, the viewport meta tag, like all the worst browser developments of the last forever, isn’t W3C valid. It… Continue reading How to build standards-compliant responsive design using @viewport

My Top Links of the Week for August 2nd 2013

I regularly post links to interesting design tutorials and articles over on my Twitter and Facebook accounts, but in case you missed them here’s a roundup of my top pickings from my recent browsing of the web. This week we have some great content from Vectips, PSDFan, Vectortuts+ and Codrops.   The Fundamentals of Shape… Continue reading My Top Links of the Week for August 2nd 2013