Tutorials posts
How to move from Illustrator to Photoshop without rasterizing (the easy way)
I’ve always had trouble getting large groups of shapes from Illustrator over to Photoshop without rasterizing them all in the process. Up until recently the only way I knew how was to copy and paste each shape one by one – a process which soon becomes tedious.
However, recently I discovered a method which takes less than a minute, regardless of how many shapes...
Deal of the week: Certified Adobe training
There is so much technology employed on the web, it’s difficult to keep up, and even harder to know where to begin when you’re just starting out.
That’s why, for this week’s deal, our...
Video tutorials are the bane of my existence
We’ve all been there. You have an idea, something that just seems like it would work perfectly for your current project. It’s the ideal solution. Nothing could possibly be better suited.
Except you’re not quite sure exactly how to implement that idea. You can see it in your head, and you’re pretty sure you’ll need to use CSS3 animations, or Canvas, or some other technology you aren’t 100% familiar with yet.
You have a few options here. You can look at hiring someone else to do the coding for you. Except may your client won’t approve extra funds to do...
Giveaway: Treehouse's 12 days of holiday cheer
At this time of year, there’s no better way to start the day than opening up a new window on your advent calendar and munching on some chocolate goodness. Well, maybe one better way…
In the spirit of the season for giving, Treehouse — the online technology school — are giving away a new prize every single day, running up to Christmas Eve.
Starting...
Tutorial: How to design a chatroom iPhone UI
In this tutorial we’re going to be designing an iPhone user interface for a forum and chat based mobile application.
The app involves a handful of everyday touch interface elements, such as buttons, input fields and touch gestures.
We will be covering various Photoshop tools, layer styles and of course tackling any design constraints; as well making the design pixel-perfect and beautiful enough...
Tutorial: Create 5 subtle background patterns
In the wonderful world of web design, it has become normal practice to create designs that utilize background patterns that don’t draw a ton of attention, but have a bit of variation within them. Even if you are not creating website designs, it should be good practice to want to create patterns that are subtle, yet beautiful, and easy to use for any occasion.
Of course, it’s easy to find these types of patterns online so all you have to do is save them and use them, but wouldn’t you love to know how to make them from scratch—to add a little bit of personality to your web design? Well today we have put together 5 short tutorials to help you make five different types of subtle backgrounds.
These are Photoshop tutorials that are best for...
Setting up a local server for WordPress development
Today I’m going to talk to you about setting up a local server to use with WordPress. Using a local server is important for many reasons, if only to keep you from having to upload and download your files all the time. Anytime we need to make changes, we can use the local server.
To keep your website live without putting it in maintenance mode for a very long time, we can use the local server.
Downtime is an enormous fear of many website owners and this alone keeps them from making big changes or upgrades, because after all, downtime can cause your website to miss out on sales, affiliate income, new visitors or it...
Creating a custom WordPress theme options page
Whether you’re developing WordPress themes for yourself, for a client, or to sell commercially, having the ability to customize aspects of your theme via the WordPress control panel makes your theme infinitely flexible and many times more versatile and appealing.
By giving backend users access to options that otherwise would involve delving into the php template files to change layout, logo image, colors, and any number of other options.
A convenient options panel can be added to any theme by some easy additions...
How to make your own icon webfont
In this article, I’m going to examine the science behind making successful UI icons before teaching you how to make your own embeddable icon font.
From designing the individual icons to converting them for @font-face embedding, and even licensing them for distribution, we shall be using only free software and online services. How about that? You will not need to rely on any of the esoteric knowledge required to make successful alphanumeric typefaces; just an eye for designing things that may appear very, very small.
Ultimately, you should go away with a process for making design elements that extends far beyond the manufacture of simple icons.
Before we...
Password strength verification with jQuery
Many sites that require login credentials enforce a security setting often referred to as password complexity requirements. These requirements ensure that user passwords are sufficiently strong and cannot be easily broken.
What constitutes a strong password? Well, that depends on who you ask. However, traditional factors that contribute to a password’s strength include it’s length, complexity, and unpredictability. To ensure password strength, many sites require user passwords to be alphanumeric in addition...
Create a 50s ad poster in Illustrator
It seems that the 50s are back, not just in advertising and design, but also on clothes, TV shows, and elsewhere.
I honestly think this is one of the most interesting and creative eras for advertisement; some ads are really memorable and funny.
So, inspired by that I decided to make a tutorial on how make a retro poster for a web designer.
After reading the tutorial, you can download the Illustrator...