Subscribe to Web/Mobile How-Tos Web/Mobile How-Tos

Construct a Color Wheel in Photoshop

How-Tos: Written by Nigel French on February 13, 2012

The color wheel is a simple yet powerful tool for understanding how colors work and how colors relate to each other. It can also be a gorgeous graphic you can use in print and Web design projects.

Lights, Camera, Action, and InDesign!

How-Tos: Written by Steve Werner on January 9, 2012

While you may not think of InDesign as a video tool, you’ve actually been able to place video into InDesign since CS2. Here's what you need to know to place video in InDesign and output the results to PDFs, SWFs, ePUBS, and iPad apps.

Five Tips for Choosing the Best Webfonts

How-Tos: Written by Jason Cranford Teague on November 28, 2011

Learn how to evaluate typeface readability, legibility, optimization, character set, and weight and thickness variety when choosing fonts for a website. Plus, I'll throw in a bonus tip!

Add Scrolling Images or Text to a Tablet App

How-Tos: Written by Jennifer Wills on November 9, 2011

When you want the iPad or Android app you're creating in InDesign to show more content than will fit on one fixed screen, use the Pan and Zoom feature of Adobe's Digital Publishing Suite to create a scrollable frame holding anything you wish.

View Source: Add a Content Slider To Your Website

How-Tos: Written by Dave Sawyer McFarland on October 25, 2011

Slideshows that rotate a series of images, text, and links across a web page are a great way to display a lot of information without taking up a lot of space. This tutorial will give you everything you need - including all the requisite files - to add a content slider slideshow to any website.

What You Need to Know About Webfonts: Part 2

How-Tos: Written by Jason Cranford Teague on October 10, 2011

Don't limit your web designs to the same five fonts everyone has on their systems. Part 1 of this series introduced you to @font-face basics. Part 2 will steer you through webfonts' legal complexities so you can get the best fonts for your sites while staying on the right side of the law.

Striking Starbursts Make Your Work Stand Out

How-Tos: Written by Deke McClelland on October 5, 2011

Why settle for Illustrator's default starburst shapes when a few tweaks create something unique that will really grab attention? Here are two ways to go beyond the ordinary.

Design with HTML5 in Dreamweaver CS5.5

How-Tos: Written by Janine Warner on September 12, 2011

Many of the new features in Dreamweaver CS5.5 help you create cutting-edge Web page designs with the latest flavor of HTML. Learn how to customize two existing HTML5 layouts by adding your own images and text, and by editing the CSS to change the background color, font face, and other design features.

What You Need to Know About Webfonts: Part 1

How-Tos: Written by Jason Cranford Teague on August 31, 2011

Are you still limiting text in your websites to Arial, Georgia, Times New Roman, Trebuchet, and Verdana? (And no, fonts in images don't count.) Learn how to use webfonts and your Web design horizons will open to a beautiful new world. In Part 1 of this series, you'll get a little history and an introduction to writing the @font-face rule so that all browsers display your font choices correctly.

Building WordPress Sites with Dreamweaver CS5: Part 3

How-Tos: Written by Dave Sawyer McFarland on May 18, 2011

Congratulations! You've reached the final stage: moving your WordPress site from a local testing machine to a public Web server the world can see.

Create Outer Space Inside Photoshop

How-Tos: Written by Deke McClelland on April 7, 2011

Use Deke's techniques and it won't take long to turn an inky void into a starfield that would fit into any science fiction show.

Build WordPress Sites with Dreamweaver CS5: Part 2

How-Tos: Written by Dave Sawyer McFarland on March 14, 2011

Learn how to use Adobe Dreamweaver to customize one of WordPress's many themes.

Design Interactivity Visually in InDesign

How-Tos: Written by Chris Converse on February 23, 2011

You no longer have to use ActionScript to creatively develop Flash applications. Adobe InDesign 5’s new features, such as multi-state objects and the Animations Panel, among others, let you design interactive content in much the same way you could in Flash.

Photoshop How-To: Really Hot Type

How-Tos: Written by Deke McClelland on February 3, 2011

Through the magic of Photoshop, make any text so smokin' you can almost see the heat rising off its molten letters. Bonus: You can go back and edit the type without burning your fingers.

Build WordPress Sites with Dreamweaver CS5: Part 1

How-Tos: Written by Dave Sawyer McFarland on February 2, 2011

In this series, you'll learn how to set up WordPress on your own computer, connect Dreamweaver to it, and use Dreamweaver CS5’s powerful new tools for working with WordPress—tools that can make it easier to customize the look of a WordPress site to match your artistic vision.

Interactive InDesign

How-Tos: Written by Claudia McCue on January 3, 2011

Make your InDesign layouts fly--and sing, dance, and play movies--with the greatest of ease.

Create Web Content in Illustrator, Part 2

How-Tos: Written by Brian Wood on December 9, 2010

In Part 1, you learned basic principles for creating web graphics in Illustrator. Now it's time for the hands-on lesson in creating and saving a button in the correct file format for the Web.

Create Web Content in Illustrator, Part 1

How-Tos: Written by Brian Wood on December 8, 2010

Create better-looking and faster-loading art that adds value to your website using Illustrator CS5.

10 Dreamweaver Power Tips

How-Tos: Written by Dave Sawyer McFarland on November 17, 2010

Here 10 tips for using Dreamweaver to its fullest. They cover organizing the program’s panels, working efficiently with HTML, properly working with a site’s files, and more.

Branding Yourself on the New Twitter

How-Tos: Written by Pariah Burke on October 18, 2010

Recent changes to the Twitter interface might make your old Twitter background image branding impossible to view. Use these free Photoshop and Illustrator templates to build your new background specifically for the new Twitter.

WebInk