Create a Quick, Sticky Menu

  During this quick tutorial we’re going to implement a sticky menu with CSS, toggling its visibility with jQuery. It’s the perfect way to give visitors social links, additional places within a network of sites, or even personalize settings. Step 1: Setting up the Page Let’s start out by making a basic HTML page. We’ll… Continue reading Create a Quick, Sticky Menu

12 Useful HTML5 Sliders to Save your Time

Nowadays, websites have become more fancy and dynamic and boast a lot of animation and moving objects – thanks to the advancements in the designing industry. A few years back websites had simple and boring web pages with content on them static and unattractive. This thing has changed now due to the excessive use of… Continue reading 12 Useful HTML5 Sliders to Save your Time

Top 10 Free Note-Taking Apps For Smartphones

Have you ever found yourself in a situation where you need to write down a thought or an idea just to find that you do not have a pen and paper with you? While it isn’t convenient to bring a pen and paper out, a majority of us now own a smartphone, so there lies… Continue reading Top 10 Free Note-Taking Apps For Smartphones

Building a Better User Experience by Designing in the Browser

As a web designer at Four Kitchens, part of my job is leading the production team’s visual design objectives. A key part of this process is ensuring the client’s satisfaction with the overall look and feel of the site. Since most of my projects utilize an agile development process, I am no stranger to shifting… Continue reading Building a Better User Experience by Designing in the Browser

How to Improvise Cheerful Forest Character Design in Adobe Illustrator

A lot of the pieces created in Adobe Illustrator are planned out well in advance. Sketches are imported, previous work traced, and you might build images with simple shape elements for graphic work. This tutorial will take you through improvising a character in the program from start to finish.   1. Build Up Your Characters… Continue reading How to Improvise Cheerful Forest Character Design in Adobe Illustrator

Creative Block: Environmental and Emotional

In the previous article we discussed the meaning of creative block. We introduced the observational block and possible solutions for overcoming it. In this article, we’ll introduce two more types of creative block; the environmental block and the emotional block. Understanding how these occur in reality is an important step in beating them. Let’s quickly… Continue reading Creative Block: Environmental and Emotional

Ultimate Collection of Best Premium WordPress Theme Store

WordPress become a reliable option as a CMS for corporate websites. WordPress not only for bloggers it’s doing most valuable growth in business websites. Today we collect some fabulous resources for Best Premium WordPress Theme Store. App themes App themes is a powerful & robust customer feedback theme for WordPress. All themes are easy to… Continue reading Ultimate Collection of Best Premium WordPress Theme Store

Simple YouTube Menu Effect

Today we’ll show you how to recreate the little menu effect that you can see in the left side-menu on YouTube when watching a video (where it says “Guide”). The menu is made of a little menu icon, a label and a list of menu items that appears when the label or menu icon is… Continue reading Simple YouTube Menu Effect

28 Fresh Free Fonts

In this post we have put together some high quality free fonts. If you like these fonts you might also want to check out our previous posts below. 22 Fresh And Free Fonts For Your Design 30 Free And High Quality Fonts Iron Typeface Fairview Cylburn Mission Gothic Imperio Free Font Distractor free typeface Hiruko Pro… Continue reading 28 Fresh Free Fonts

40+ Cool Minimalistic Photoshop Device PSDs

Doing a great and realistic presentation is extremely important if you are selling creative products and services such as apps and website design, themes for WordPress. One of the popular ways to serve the goodies is to make some great quality in action screenshots of the design and functionality. This helps potential customers get an… Continue reading 40+ Cool Minimalistic Photoshop Device PSDs

Promised-Based Validation

The concept of “Promises” has changed the way we write asynchronous JavaScript. Over the past year, many frameworks have incorporated some form of the Promise pattern to make asynchronous code easier to write, read and maintain. For example, jQuery added $ .Deferred(), and NodeJS has the Q and jspromise modules that work on both client… Continue reading Promised-Based Validation

70+ jQuery Touch Event Plugins – Support Touch Gestures!

As the market for mobile devices with touch screens explodes, more and more websites are optimized for offering mobile visitors an optimal experience. With jQuery touch event plugins it is rather simple to allow touch screen users to interact with and navigate your website using touch gestures! In the recent years, the need to make… Continue reading 70+ jQuery Touch Event Plugins – Support Touch Gestures!

Create Alternate Layouts With the Same Content Using Adobe InDesign CS6

Tutorial Details Difficulty: Beginner Program Used: Adobe InDesign CS6 Screencast Length: 14m 21s One of the most interesting new features of Adobe InDesign CS6 is the possibility of creating Alternate Layouts of the same content in the same InDesign document. In this tutorial you can learn how to make the most of this feature. Vectortuts+

40 New Startup Websites and Landing Pages for Inspiration

Technology and Internet startups are providing a quick method for new businesses to scale. There are so many great ideas out there with founders who are passionate about the cause. Even more developers are getting interested in the startup scene and looking to create their own unique website service. But what are some typical methods… Continue reading 40 New Startup Websites and Landing Pages for Inspiration

30+ Web Design Gallery Websites – Looking For Inspiration?

Web design gallery websites provide developers and designers creative inspiration for their own projects. By collecting the best web designs all over the internet, such websites serve as a key spot for fresh creative ideas. In This post, I have featured more than 40 examples of web design gallery websites that you can use for… Continue reading 30+ Web Design Gallery Websites – Looking For Inspiration?

30+ Hot CSS3 Image Hover Scripts

CSS3 image hover effects is one of the common techniques used in web design to make web pages more interactive and stand out visually. CSS image hover scripts makes it simple to add cool dynamic effects on otherwise “static” images whenever the mouse hovers over them. CSS3 effects are typically created using CSS filter and… Continue reading 30+ Hot CSS3 Image Hover Scripts

How to Create a Detailed Flag Stand Illustration in Adobe Illustrator

In the following steps you will learn how to create a detailed flag stand illustration in Adobe Illustrator. We’ll start with the pole. Using basic tools and vector shape building techniques along with some complex gradients we’ll create the starting shapes. Next, using the Appearance panel, some basic blending techniques plus one or two effects… Continue reading How to Create a Detailed Flag Stand Illustration in Adobe Illustrator

11 Useful CSS Tools To Speed Up Your Design Process

Here we are presenting 11 extremely useful CSS tools that will help you quicken your design process. CSS is the most popular and most widely used programming language that has been used for the website development. This is mainly because CSS is relatively easy to learn as compared to other programming languages. Another reason is… Continue reading 11 Useful CSS Tools To Speed Up Your Design Process

Create a Retro and Futuristic Design in Photoshop

Preview of Final Results Tutorial Resources Model Nebula Background Abstract Spheres Landscape Step 1 First, start Photoshop and create a new document. This tutorial is also going to be a wallpaper, so the size i’m using is 1920 x 1200. You can follow all the individual settings as shown in the diagram below. Background Create… Continue reading Create a Retro and Futuristic Design in Photoshop

How to use brushes to enhance your portraits in Adobe Photoshop CS6

This tutorial is an example of how a few simple techniques can be used to create a piece of digital artwork using multiple layers, masking, the Brush tool, some basic lighting and one simple noise texture. Using the processes here, you will be able to apply the same techniques to your photomontage and create your… Continue reading How to use brushes to enhance your portraits in Adobe Photoshop CS6