Hot Stuff
Weekly Contest - Expression Studio
1 Winner Selected
The Big Picture Magazine - FREE
Real-world solutions to design challenges
Get Creative Videocast
New every week. Watch what's important to you.
Subscribe to Web/Mobile How-Tos Web/Mobile How-Tos
Create Web Animations in Photoshop CS3
How-Tos: Written by Pariah Burke on June 22, 2008
Animate banner ad and graphic objects; transform their shape, size, color; or replace them entirely.
Dreamweaver How-to: Create "You Are Here" Navigation Links
How-Tos: Written by Dave Sawyer McFarland on June 13, 2008
Use this simple technique to create a nav bar button that changes to reflect a visitor's location in your site, then make it work across the site using Dreamweaver CS3's Template.
Use Any Font in a Web Site Design
How-Tos: Written by Pariah Burke on May 28, 2008
There have always been two certainties in Web design: You can never have enough bandwidth, and all Web design must rely entirely on fonts installed on the viewer’s computer. But thanks to sIFR, at least one of these so-called inescapable certainties is wrong.
View Source: Make Your Links Unforgettable
How-Tos: Written by Dave Sawyer McFarland on April 30, 2008
Most Web usability books (for example, Steve Krug's excellent Don't Make Me Think) emphasize that the less you make a visitor think and work, the more likely they'll visit, enjoy, and benefit from your site. The typical HTML link is one of those things that make visitors work -- a single linked word, for example, is a small target that requires good aim to hit. That's one of the reasons Web designers make navigation bars with buttons that are larger than the text inside them.
Turn Color Photos into Duotones in Photoshop
How-Tos: Written by Chad Neuman on March 4, 2008
You can transform one photograph into a wide variety of duotones to use in print or on the Web.
View Source: JavaScript for Designers
How-Tos: Written by Dave Sawyer McFarland on February 25, 2008
Add interactive Web site effects without a lot of programming.
Make a Drab Newsletter Dramatic
How-Tos: Written by Scott Citron on February 8, 2008
Even with a small budget, you can design a newsletter that pleases you, your client, and the newsletter's readers.
Using Flash for the First Time: Part 3
How-Tos: Written by Jen deHaan on January 9, 2008
This three-part series gets you up and running quickly even if you've never opened the application before. In this final installment, you'll publish and add a Flash file to a Web page.
View Source: An Introduction to Dreamweaver Templates
How-Tos: Written by Dave Sawyer McFarland on January 4, 2008
Want to build and update your sites more quickly and efficiently? Read on.
Using Flash for the First Time: Part 2
How-Tos: Written by Jen deHaan on January 2, 2008
This three-part series gets you up and running quickly even if you've never opened the application before. In this installment, you'll create symbols, animation, and write simple ActionScript to make a Web banner function.
Using Flash for the First Time: Part 1
How-Tos: Written by Jen deHaan on December 17, 2007
This three-part series gets you up and running quickly even if you've never opened the application before. In this installment, you'll learn how to build a banner.
Add Videocasting to Your Bag of Tricks
How-Tos: Written by Shellie Hall on December 3, 2007
Record, edit, and publish a professional video podcast using inexpensive tools and your imagination.
View Source: Web Design's Magic Bullet Is Back!
How-Tos: Written by Dave Sawyer McFarland on November 26, 2007
Do you want overlapping page elements, captions that sit on top of photos, and images that float outside the edges of their containing divs? Modern browsers and this tutorial make it safe to try CSS positioning again.
View Source: Create Advanced Online Galleries
How-Tos: Written by Dave Sawyer McFarland on October 29, 2007
Do you need an online portfolio or just want to post photos from your kid's birthday party? The free Lightbox2 adds sophisticated JavaScript functionality you can customize. The best part? You don't have to do a lick of programming.
View Source: Building Better Forms with Dreamweaver CS3
How-Tos: Written by Dave Sawyer McFarland on September 26, 2007
Web forms don't do you much good if they're incomplete or filled out with incorrect data. You can prevent this problem with form validation that is sophisticated yet simple to add to your sites.
View Source: Advanced CSS Rollovers
How-Tos: Written by Dave Sawyer McFarland on August 20, 2007
Forget JavaScript -- you can create dynamic rollover images using just CSS. And once you've mastered the basic concept, many creative possibilities open up.
Understanding Illustrator's 9-Slice Scaling
How-Tos: Written by Mordy Golding on August 17, 2007
What is it? How do you use it? And is this new feature good for print or the Web?
View Source: The Easy Way to Add Dynamic Elements to Web Sites
How-Tos: Written by Dave Sawyer McFarland on July 11, 2007
This tutorial takes you step-by-step through adding and modifying a Spry Menu Bar in Dreamweaver CS3.
View Source: Harnessing the Power of PNGs
How-Tos: Written by Dave Sawyer McFarland on June 13, 2007
Compared to GIF AND JPEG, the PNG file format has a lot to offer: smaller file sizes, higher quality, and superb transparency. All you need are a few guidelines and techniques to expand your design toolbox.
Connecting an HTML Form with a CGI Script
How-Tos: Written by Janine Warner on November 10, 2006
Dreamweaver makes it pretty easy to design a good-looking HTML form. But you need a script under the hood for that form to actually work. Here's how to find free CGI scripts and connect them in Dreamweaver to your form.