Useful Cheat Sheets for Web Designers

Jacob Gube from Six Revisions has posted 28 great cheat sheets for web designers.  From program shortcuts (Photoshop, Dreamweaver, etc.) to hex, typography, and CSS shortcuts.  Pretty much everything under the sun, located on one page.

And if you’re looking for developer cheat sheets (more CSS, HTML, JavaScript) he has those as well.

The only thing that’s missing is Flash.

Add comment September 8th, 2008

Dreamweaver CS4 Beta Available!

That’s right.  DW CS4 beta available on labs! Download it now, but I have to warn you that supposidly it will only work for one day in June due to “an error in a line of code”.  Either way, here’s my favorite new feature.  A hat tip to GoLive…

Photoshop Smart Objects

Photoshop and Dreamweaver integration has evolved to the next level of compatibility and functionality. Drag and drop an Adobe Photoshop® PSD file into a Dreamweaver page to create an image Smart Object.

Add comment May 29th, 2008

eSeminar: Put Your Print Assets in Motion

Tomorrow I have an exciting, free Adobe eSeminar planned:

Put Your Assets in Motion - Create and Deploy Print Creative Across Multiple Media
Wednesday, May 21, 2008 10:00 A.M. PDT
Description: In this session, you’ll learn how easy it is to move your print design from InDesign to multiple media deliveries such as the web, mobile, and even video! You’ll get a solid understanding of web, mobile and video design, while maintaining the integrity of the brand across all media.

In more detail, what I plan on showing is:

1. Create an interactive PDF content using InDesign
2. Export InDesign content for the web
3. Create/edit video using Photoshop
4. Import Photoshop into Flash
5. Export Illustrator assets to Flash for mobile devices
6. Export XML from InDesign to use in other mediums (mobile, web)

SIGN UP HERE

Add comment May 21st, 2008

eSeminar: Think Outside the Box — Add Video to Web Pages for Full Creative Control

I’m doing a couple of eSeminars over the next couple of months.  This first one is going to be really exciting, centered around creative use of video and making it interactive!  Register now! It’s free!

Tuesday, April 22, 2008 10:00 A.M. PDT
Discover not only how easy it is to create web sites and incorporate video into them, but how easy it is to create interactive video content. Using Adobe® Creative Suite® 3 Web Premium or Adobe® Creative Suite® 3 Production Premium, you’ll discover creative choices beyond your typical way of thinking.

2 comments April 19th, 2008

AIGA Las Vegas: Web Design Using Photoshop CS3 & Dreamweaver CS3

I’m speaking at the AIGA meeting in Las Vegas  and will be tackling web design from a print designer’s perspective. It’s going to be great! Here’s the description as well as a link:

Do you design your Web sites in Photoshop® and then rely on a developer to interpret the design online? Do you feel like your designs sometimes lose a little something in that process? We’ll show you some basic Dreamweaver skills that will help you work more collaboratively with your Web developer by allowing you to jumpstart your Photoshop design in Dreamweaver CS3. Workshop attendees will learn how to:+ Slice up your Photoshop design and paste the elements into Dreamweaver
+ Reconstruct your design in HTML/CSS in Dreamweaver
+ Create a Dreamweaver site from scratch
+ Use Dreamweaver templates
+ Add tabular data to your site
+ Incorporate Photoshop and Flash® animations
+ And more …

4 comments March 14th, 2008

AIGA: Web Design Using Photoshop CS3 & Dreamweaver CS3

I’m speaking at the AIGA meeting in Denver and it promises to be packed with so much info I think I’m going to have to hand out Aspirin after the meeting.  Here’s the gist if you’re in the area.  It’s FREE! 

Do you design your Web sites in Photoshop® and then rely on a developer to interpret the design online? Do you feel like your designs sometimes lose a little something in that process? We’ll show you some basic Dreamweaver skills that will help you work more collaboratively with your Web developer by allowing you to jumpstart your Photoshop design in Dreamweaver CS3. Workshop attendees will learn how to:

+ Slice up your Photoshop design and paste the elements into Dreamweaver
+ Reconstruct your design in HTML/CSS in Dreamweaver
+ Create a Dreamweaver site from scratch
+ Use Dreamweaver templates
+ Add tabular data to your site
+ Incorporate Photoshop and Flash® animations
+ And more …

Add comment March 14th, 2008

Wrap Text around ANY Shape Using CSS

The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. Check it out!

Tested in Internet Explorer 6+, Firefox, Safari, Opera, and Netscape.

Add comment February 6th, 2008