Tutorial Blog
Viewing Archive for: June 2008

Web Tip: Creating a Reusable “Button” Class

June 30, 2008 by chriscoyier · 3 Comments 

Web pages are full of buttons. Navigation, links, “next” buttons, “submit” buttons, “OK” buttons, “close” buttons… the list goes on. When you go about designing a new web page, chances are its going to have a lot of buttons. Make life easier for yourself by creating a button class that you can reuse over and over in your HTML whenever you need a button. Not only is this a favor to you, but it’s good for your users and aesthetics as well.... 

Easy Automatic Color Manipulation in Illustrator

June 23, 2008 by chriscoyier · 1 Comment 

Adobe Illustrator has some cool and powerful tools for manipulating the colors in your document. Using these tools, you can achieve some very nice colorization’s even if you aren’t particularly good at choosing colors. It also becomes easier to try out different versions quickly!  Read More →

Preparing an Illustration for the Web

June 16, 2008 by chriscoyier · 3 Comments 

Illustration is a lovely trend in web design. It fits the medium well. Great Illustrators though, often don’t think in terms of the web when they do their illustrations. Take a look at this very nice sky/hill cityscape illustration I found on shutterstock: I think this illustration would make a great base for a web design, but clearly it isn’t prepared for such a task out-of-the-box. Lets do some manipulation and prepare it the web.  Read More →

Keep Your Design On Away From The Computer

June 9, 2008 by chriscoyier · 5 Comments 

Like it or not, our lives often take us away from the computer. Out of our homes, and into the great outdoors. But just because the Eyedropper tool isn’t within reach, doesn’t mean that you need to turn your inner-designer off. Here are some ways you can keep your design on while you are away from the computer. Bring a notepad and pencil. Nothing is worse than having an amazing idea and then losing it to a flood of other thoughts before you can get it down. If you are at the computer,... 

Create Glowing Underlines for Web Links

June 2, 2008 by chriscoyier · 2 Comments 

You know what they say… design is in the details. When you are designing a website, there are opportunities abound to focus on little details to visually enhance the experience. In this tutorial, we will show you how to create links with underlines that “glow”.  Read More →

Tutorial Blog