pinterest

Alex Jones

I lead teams at the intersection of strategy and design. Autodidact. Polymath. Barbecue acolyte. I start fires (the good kind).

templates

A Toolset For Managing Screen Resolutions

A great resource for designers and developers who need to work with multiple-resolutions and devices…wait, that’s all of us!

The package includes (taken form their site):
1. A collection of Photoshop® CS5 marquee-tool presets for common screen resolutions. These cover both fixed-screen resolution sizes and ratios for less common resolutions that fall within standard ratios.

2. A collection of layered Photoshop CS5 PSDs each providing common devices for comping and design presentations. These devices cover the standard ratios and device types (televisions, tablets, smartphones). The screen sizes are to scale to help put designs in accurate and realistic context.

3. A reference chart for resolutions and device landscape.

HTML5 Boilerplate

As noted on the site, this is "the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site" While I likely won't use this whole, there are some very interesting pieces to this worth using, especially in the style sheet and .htaccess files. I'll likely appropriate many of the concepts for my work.

This is an outstanding contribution to the Web development community by Paul Irish and Divya Manian as well as all of the people whose work they built upon.

The Task Analysis Grid

The Task Analysis Grid is an interesting alternative to the standard requirements doc. I think I may give it a whirl at my next opportunity. As noted on the site, it’s a “single document allows anyone looking at it to see the entire scope of a project, figure out what’s in this release (1) as well as what we’re planning for future releases (2, 3, and 4). It’s an extremely effective artifact for getting everyone on the same page.” The numbers (1 – 4) map to priority levels assigned to each requirement.