Web Design & Layout

Cutting-Edge Conference for Print and Digital Publishing

Whether you're looking for the latest tips on publishing to tablets and ebooks, want details on the upcoming Adobe Creative Suite 6, or just need tips to optimize your print workflow, PEPCON is the place. The conference takes place in San Francisco on May 14-16.

What's That Web Font?

WhatFont is a free tool that works with your Web browser to identify webfonts.

This Dress Code Will Inspire You

Whatever your personal style, watch this video about the design agency Dress Code and be inspired by the founders' positive, wide-open take on what's possible for today's creatives.

Lights, Camera, Action, and InDesign!

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.

Review: Adobe Proto

Adobe’s new Android app lets you prototype a website using touches, taps, and swipes. And at $9.99, it's a lot cheaper than the desktop alternatives. But is Proto right for your needs?

2011 Holiday Gift Guide

Flummoxed by what to buy for the creative professional on your gift list? Perhaps one of the items in the 2011 CreativePro.com Holiday Gift Guide will do the trick.

Five Tips for Choosing the Best Webfonts

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!

European Design Conference Comes to America

The first TYPO conference held in the United States will be in San Francisco on April 5 and 6, 2012.

Photoshop Plug-in Adds Google Webfonts

The Extensis WebInk Web Font plug-in for Photoshop expands its offering with 288 webfonts from Google.

Best of the Blogs: November 4, 2011

This circumnavigation of the blogosphere includes posts about fonts (best, worst, and missing), color correction (Photoshop curves and/or levels), paper (handmade and mill run), printers (desktop and press), color calibration (monitor and printer), and an impressive if controversial demo of photo-deblurring technology. Plus, job hunting tips and product how-tos.

View Source: Add a Content Slider To Your Website

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.

TypeTalk: Smart Punctuation on the Web

Is it acceptable to lower your print design standards when your type appears on the Web?

Free For All: Design and Photography Freebies

Here's how to get 10 InDesign table styles, 12 sans serif fonts, 13 letterpress Photoshop layer styles, and 3 color reference infographics. And none of them will cost you a thing!

What You Need to Know About Webfonts: Part 2

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.

Free Guide to Email Marketing

MailChimp, the email newsletter service with a sense of humor, is giving away another guide that's handy for anyone who uses emailing for marketing (or designs those marketing messages).

Best of the Blogs: September 21, 2011

Lately, there have been a lot of provocative questions in design and photography blogs: Are there rules for creativity? Can designers embrace fear? What's the difference between looking at and seeing typography? But there's less cerebral stuff, too, like upgrading your camera, understanding image compositing, observing the day of a graphic designer, and filling your layouts with hipster lingo. I bring you all of that content and more in this installment of Best of the Blogs.

Design with HTML5 in Dreamweaver CS5.5

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.

Use Webfonts in Photoshop for Free

Do you use Photoshop for website mock-ups? If so, check out the new Web Font plug-in for Photoshop from Extensis. It works with the company's WebINK webfont service to give you a trouble-free (and legal) Web-design workflow from start to finish.

Add Rare Wood Type Faces to Your Digital Designs

Wood Type Revival finds old wood type, prints them, turns the results into fonts, and sells the digital typefaces for very reasonable prices.

What You Need to Know About Webfonts: Part 1

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.