I love the solid feel of a clean grid-based layout. Get started with this handy collection of resources for working with the 960 pixel grid system many web designers use to streamline web development.

Link: 960 Gridder Overlay. (shown above)

Link: 960 Grid System – Resources and Links.

Link: The Grid System – Grid systems for designers (print & web).

Link: Typogridphy – Working the 960 grid with Type.

Source: I’d been thinking a lot about grids lately. This tip inspired by an upcoming website redesign for the Creativetechs Training site.

Last week Steve Jobs unvieled the new Apple iPad. Happily, almost everything we’ve been learning about developing iPhone Web Apps looks like it’s going to work the same for Apple’s new tablet.

Here is a short video exceprt from the first week of Elisabeth Robson’s course, Learn to Build iPhone Web Apps, showing how to use a simple CSS Media Query to easily customize your website for visitors on mobile browsers.

Note: Although this was presented two weeks before the iPad announcement, the first question asked in Q&A was about Apple’s upcoming then-unconfirmed tablet device.

Source: We demonstrate a simple CSS Media Query for sample Creativetechs Web App. Visit this page from an iPhone, and you see a sample App. Visit from a desktop broswer and the page is tucked into a simple iPhone preview:

https://creativetechs.com/iphone

Planning just the right time and location for landscape photography can be challenging. Landscape photographers typically want to plan their shoots around the times of sunrise/sunset or twilight.

That’s why photographer Stephen Trainor created the Photographer’s Ephemeris, an Adobe AIR application that provides a visual and simplified solution for finding vantage points for dusk and sunset photography. It integrates satellite and terrain maps from Google into a visually pleasing interface.

Link: The Photographer’s Ephemeris App

Read on for a couple video tutorials showing this tool in action.

This free collection of 220 Photoshop Layer Styles let your quickly sort through glow, gradient, glass, gel, and other effects. Nothing too complex, but a helpful assortment of effects that you can explore and modify for some quick designs.

Link: DezinerFolio’s 220 Amazing Free Photoshop Layer Styles

Source: DezinerFolio.com keeps a slew of fun freebies on their web design & development site. A similar collection was mentioned in the January issue of Design Tools Monthly.

Photoshop CS4 introduced document tabs that make it easy to switch between a variety of open images. It’s a terrific feature that I usually like a lot.

But there are days the tabs feature drives me crazy! If you’ve ever dragged one Photoshop window over another, only to have it sucked in as a new tab, you know what I mean.

So for you, a checkbox in Photoshop’s Interface preferences: Turn off "Enable Floating Document Window Docking" and say goodbye to that annoying feature.

Source: Working with lots of small images for our tips newsletter, this is one of the very first preferences I disabled in CS4. Adobe even posted a recent technote covering how to How to un-tab image windows in Adobe Photoshop CS4.

I was working on this week’s tip, when I got an email from Steve Laskevtich from Luminous Works with a PDF handout titled “11 Ways to Zoom in Photoshop CS4.” There are SO many ways to do the the same thing in Photoshop, that I (like I expect many of you will do) immediately set out to find ways of zooming that Steve had missed.

So let’s call this a group project. How many different ways are there to zoom in Photoshop CS4? I’ve started us off with the eleven from Steve. I’ll be contributing my own additions in the comments along with the rest of you.

We teach clients how to manage their professional image libraries using a combination of Adobe Lightroom and Bridge. I typically don’t recommend iPhoto for most professional libraries.

Then Apple added Faces (facial recognition) in the latest version of iPhoto. I’m loath to give up my professional workflows, but easily keywording photo libraries with people’s names is a game changer for many businesses.

This week I started testing Picasa 3.5, free software from Google, which now includes face-matching. It works great, integrates easily with Lightroom or Bridge, and did I mention it’s free?

I’m always delighted when I discover basic Photoshop techniques I missed along the way. We all know you can drag selected pixels from one window into another. Somehow I missed that if you drag that same selection while using one of Photoshop’s selection tools, you can drag the selection itself (with no pixels) over into a new document.

I must have known this at some point, but I’d obviously forgotten because I have a clumsy method I’ve used for years when I needed to copy selection outlines between documents. If this little tip saves anyone those extra steps, then revealing my personal ignorance was worth it.

Source: This is one of those little details I picked up during Jason Hoppe’s 5-Week Photoshop Fundamentals course. For as long as I’ve been using these tools, I still learn something new from almost every course I sit in on.

Did you spend the extra for an "Extended" version of Photoshop CS4? If so, your copy of Photoshop sports a new 3D menu that you’ve never touched. (Tip: If you bought the bundle of CS4 that included Flash and Dreamweaver, you got Photoshop Extended in the deal.)

You’ll get your money’s worth today. This 3D Postcard trick lets your extra Photoshop investment finally pay off. This is a great trick for adding a sense of dimension to your portfolio when you need to show off flat screenshots, webpages, or examples of printed projects. Adjust your flat object in 3D space, add an appropriate shadow and you’re set!