How to Write Code That Embraces Change

Writing code, which is easy to change is the Holy Grail of programming. Welcome to programming nirvana! But things are much more difficult in reality: source code is difficult to understand, dependencies point in countless directions, coupling is annoying, and you soon feel the heat of programming hell. In this tutorial, we will discuss a… Continue reading How to Write Code That Embraces Change

Design an Appealing Print-Ready Restaurant Menu in Illustrator

If you’ve ever seen a “food designer” fuss over every last detail of a delicious food item, you’d understand how exquisitely visual the food marketing process can be. The visual evaluation of food has been ingrained in the human psyche for thousands of years, and the right imagery can still elicit strong, visceral reactions (mostly… Continue reading Design an Appealing Print-Ready Restaurant Menu in Illustrator

40+ Useful HTML5 Tutorials And Techniques

For the web designers and web developers, this collection will be a treat for them because in this collection, we are showcasing 45 useful and amazing HTML5 tutorials and techniques that would astonish them. HTML5 is the latest and advanced version of HTML (HyperText Markup Language) and these days HTML5 is very popular among the… Continue reading 40+ Useful HTML5 Tutorials And Techniques

Quick Tip: Access the Hidden Photographic Toning Gradients in Photoshop CS6

The Photographic Toning Effects Photoshop CS6 comes loaded with 39 presets to simulate traditional darkroom toning and split-toning effects. Click on the image to download the high-res version you can print. Step 1 Open an image you want to split tone in Photoshop. For this tutorial, we’ll be using the image below as an example.… Continue reading Quick Tip: Access the Hidden Photographic Toning Gradients in Photoshop CS6

Create a Battlefield Scene Using Stock Photography in Photoshop

By combining the right photography in Photoshop you can create just about any scene that you want. In this tutorial, we will create a battlefield using several stock photographs. Let’s get started! Tutorial Assets Here are the stocks used to complete the image. Sky 1 Sky 2 Spikes Fire Fire 2 Smoke Soldier 1 Soldier… Continue reading Create a Battlefield Scene Using Stock Photography in Photoshop

How to Create Elegant Valentine’s Day Greeting Card with Abstract Hearts in Adobe Photoshop CS6

In the following Quick Tip tutorial you will learn how to use Custom shapes, Layer styles, and Gradients in Adobe Photoshop CS6 to create elegant Valentine’s Day greeting card with abstract hearts. You can use these techniques and elements to create your own greeting card! Layered PSD file included. Let’s get started! Final Image Preview… Continue reading How to Create Elegant Valentine’s Day Greeting Card with Abstract Hearts in Adobe Photoshop CS6

Loading Circle Animation Using Photoshop CS6

In today’s tutorial, we’re going to be creating a very simple ‘loading circle’ animation using Photoshop CS6, which you can use on your websites, or before your video projects. This effect is going to take advantage of some of Photoshop CS6′s improved animation capabilities, leaving you with a silky smooth result. Written In terms of… Continue reading Loading Circle Animation Using Photoshop CS6

Your First 30 Days of Learning Web Design: How to Get Started and Not Give Up

Congratulations! Web design can be one of the most useful skills to acquire in your professional career. Your first 30 days of learning are crucial because many people simply give up after a week or two. In this article, we’ll go through some useful tips and tricks to help you get started with web design… Continue reading Your First 30 Days of Learning Web Design: How to Get Started and Not Give Up

25 Best Photoshop CS6 Tutorials

Quickly Select Skin Tones Color Splash Effect in Photoshop CS6 Quickly Change the Appearance Content Aware Move Tool Introducing the New Crop Tool Hunger Games Poster Composite Using Photoshop CS6 Use New Features in Photoshop CS6 to Create an Administrator Dashboard Interface Use the Content Aware Move Tool Create Tilt Shift Photography with the New… Continue reading 25 Best Photoshop CS6 Tutorials

Ruby on Rails Study Guide: The History of Rails

Ruby on Rails – or simply, Rails – is an open source, rapid web development framework, with a continuous goal of maximizing developer happiness and productivity. Created nearly a decade ago, Rails today forms the backbone of many of the most popular applications on the web, and has an incredibly vibrant and passionate community. In… Continue reading Ruby on Rails Study Guide: The History of Rails

How to Create a Vector Cross Stitch Effect in Adobe Illustrator

In today’s tutorial, I’m going to show you how to create a cross stitch effect using Adobe Illustrator CS6. I’ll be using the Appearance panel and patterns in order to create the design and then show you how you can create a simple Aida fabric background pattern. This is a great tutorial for those who… Continue reading How to Create a Vector Cross Stitch Effect in Adobe Illustrator

A RequireJS, Backbone, and Bower Starter Template

Switching to a modular approach to writing JavaScript is unfortunately a more difficult process than we might hope. Once you understand the concept of AMD, you then have to figure out the logistics: how do you setup RequireJS? What about non-AMD libraries? What about dependency management? What about configuration and optimization? Download the Video Using… Continue reading A RequireJS, Backbone, and Bower Starter Template

Better Workflow in PHP With Composer, Namespacing, and PHPUnit

In this video tutorial, we’ll again focus on workflow. Specifically, we’ll use Composer’s built-in autoloading capabilities, along with namespacing, to make for an elegant testing experience. We’ll also review a handful of PHPUnit best practices, as we get setup with these tools. Download – Source files Nettuts+

Adaptive Blog Theme: Custom Widgets

One way of adding functionality to a WordPress theme is through widgets. WordPress has a selection of useful widgets built-in, but you may want to make some custom widgets to suit your theme. Custom Widgets Part 1 Alternatively, Download the video, or subscribe to Wptuts+ screencasts via YouTube Custom Widgets Part 2 Alternatively, Download the… Continue reading Adaptive Blog Theme: Custom Widgets

Reverse Your Layers in Photoshop

It’s not a super common occurrence, but there are certainly times when you have the need to reverse the order that your layers appear in. Whether it’s all of them, or just a select few. Reversed layers usually occur after duplications, but sometimes it can occur simply by misarrangement. Here’s a trick to fix this! The… Continue reading Reverse Your Layers in Photoshop

Quick Tip: Retroize Your Photos in Seconds

Preview of Final Results Step 1 For this tutorial, we’ll be using Color Lookup adjustment layers which is only available in Photoshop CS6. Color Lookup layers are used to simulate color profiles used in film and Photoshop includes . Start by opening any photo into Photoshop. Step 2 Because this photo effect will be created… Continue reading Quick Tip: Retroize Your Photos in Seconds

20 Latest Free High Quality PSD Files

Web designers always used to try different techniques and experiment with various new aspects of Adobe Photoshop to spice up into their works. Today we present you some high quality free PSD files for your next design with Photoshop. Enjoy!   iphone ui(PSD freebie) Social Media Sharing Buttons (PSD) Google Maps UI Controls (PSD) Apple… Continue reading 20 Latest Free High Quality PSD Files

Create A Scrapbook Alphabet

Introduction In this Photoshop Text Effect you’ll learn to create cool Scrapbook style text that can be used as a stand alone word treatment or converted to individual reusable .png files with a transparent background. READ THIS: If you haven’t already done the Text In Stitches tutorial and you want to add the stitches to… Continue reading Create A Scrapbook Alphabet

3D Chrome Text in Photoshop CS6 Extended

In today’s video, we’re going to be taking a look at creating a chrome text effect using the new 3D features within Photoshop CS6 Extended. We’re going to look at bring your text into the 3rd dimension, working with bevels, materials and reflections to create the end result. Note: The 3D features are only available… Continue reading 3D Chrome Text in Photoshop CS6 Extended