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

Creating Community: If You Build It They Will Come

The web design community does a lot of things well, and they are praised for those instances. Just as when they do things badly, there is an amount of chiding that comes along with it. Today we are going to look at one of the things the online web design community does the best, and… Continue reading Creating Community: If You Build It They Will Come

Improving Your Site’s User Experience

When it comes to web design, the quality of experience that users have with a site determines whether it’s successful or not – regardless of how visually catchy the design is. A positive experience drives sales and conversions, while a negative one deters visitors from staying or returning. Therefore performance optimization should be a central… Continue reading Improving Your Site’s User Experience

Free Collection of 300 Metro-Style Icons for Designers and Developers

Alessio Atzeni has released Free Collection of 300 Metro-Style Icons for Designers and Developers, Metrize Icons is a free icon set, it works perfectly for your apps or web projects. You may use these icons for both commercial and personal projects and customize them any way you like. Metrize Icons includes: – PSD (Single Shape… Continue reading Free Collection of 300 Metro-Style Icons for Designers and Developers

Create Inspirational 3D Gold Text with Photoshop Extended

Preview of Final Results Step 1 Start by creating a new 1920×1200 pixels document. Select the Text tool and type in your inspirational text. The font we’re using is Bebas Neue and Pacifico. These fonts are free. Adjust the font size and leading to your likings. Use the Free Transform tool (Ctrl/Cmd+T or Edit >… Continue reading Create Inspirational 3D Gold Text with Photoshop Extended

Benefits and Drawbacks to Freelancing

Many designers contemplate the thought of whether being self employed as a freelancer, or working for a design firm. Of course there are many benefits and drawbacks to each of them, but your decision is based on whether these benefits and drawbacks are worthy for making your decision.We explain several benefits and drawbacks to freelancing… Continue reading Benefits and Drawbacks to Freelancing

23 Flat Design iPhone Apps

Flat design is becoming increasingly popular in the design and development space. When we say “flat” we are referring to the minimalist approach to design. We remove borders, shadows, variants, 3d elements to come up with a very clean simple and yes flat design. Minimal design has been popular for a while and it seems… Continue reading 23 Flat Design iPhone Apps

35+ Incredible Photoshop Metal Brush Sets

For graphic designers having a large variety of brushes, such as Photoshop metal brushes, in the toolbox is a must! Though Photoshop comes with a set of basic brushes, most users need to extend the range of brushes in order to use Photoshop professionally and do great stuff faster. In order to be able to… Continue reading 35+ Incredible Photoshop Metal Brush Sets

The Best Way to Learn CSS

CSS works hand in hand with HTML; HTML sorts out the page structure, CSS makes it look pretty and adds subtle levels of interaction. As a web designer you should really get to grips with both these languages. Even if you don’t do the coding yourself, understanding how they work will help you design for… Continue reading The Best Way to Learn CSS

40+ Awesome Photoshop Poster Tutorials For Your Inspiration

Creating your own creative poster in Photoshop is fun and challenging. If you are not yet an expert, then don’t worry! You can find tons of easy to follow poster design tutorials for Photoshop. Most of them will guide you “step by step” to make sure you learn every step involved in the process. A… Continue reading 40+ Awesome Photoshop Poster Tutorials For Your Inspiration

70+ Must Have jQuery Tutorials

Welcome to day 7, the last installment of tutorial week on Designrfix. Today we have assembled an awesome collection of some wicked jQuery tutorials from around the Web. I am confident that these web design and development tutorials will arm you with all the necessary techniques in-order to achieve those latest web design trends. Lastly,… Continue reading 70+ Must Have jQuery Tutorials

Use Photoshop and Illustrator to Create Guitar String Typography

Photoshop and Illustrator are great tools to help you create things that only exist in your imagination. In this tutorial, we will create words out of intertwining guitar strings. Let’s get started!   Tutorial Assets The following assets were used during the production of this tutorial. Wood Texture 1. Create the Strings in Illustrator Step… Continue reading Use Photoshop and Illustrator to Create Guitar String Typography

45+ Websites with Floating and Fixed Position Navigation Designs

Great looking and user-friendly navigation is one of the most important aspects to get right in web design. Web designers have invented many different ideas to help users find what they are looking as efficiently as possible. Still the most used approach is one or two drop down menus placed at the top of the… Continue reading 45+ Websites with Floating and Fixed Position Navigation Designs

Swift Web Development Techniques for Startup Landing Pages

When launching a new startup online you need to consider the features which will draw attention. Visitors can often be easily distracted when browsing the Internet. So ask yourself what value does your page really offer to the average visitor? Developers should think about these topics from a user experience point-of-view. Then the process of… Continue reading Swift Web Development Techniques for Startup Landing Pages