I updated the OmniGraffle Web Design Template.
This web design template for OmniGraffle Professional provides the basic layout for a design deliverable including the following master canvases: document title, section title, wireframe (portrait and landscape), storyboard, and blank. The wireframes were created at 950px wide with guides following the Blueprint CSS Grid system. Wireframes also have 2 small hairline marks around the 600px point to mark the approximate fold. Go grab it here.
As you may know, several months ago, I created an Adobe Photoshop template for creating comps that work with Olav Bjorkoy's Blueprint CSS Framework. Today I'm also adding an Illustrator template to my Resources section and I have updated the Photoshop template to include horizontal guides.
Both templates are simply documents with guides based on the 24 units provided by Blueprint. The background image of the grid is also provided with a layer to show unit numbers if you like, and the Illustrator document shows a fake comp to demonstrate positioning on the grid.
You may download the templates here:
I welcome your feedback.
Last updated: 12 March 2008
I created an Adobe Illustrator template for creating comps that work with Olav Bjorkoy's Blueprint CSS Framework.
The Illustrator template is simply a document with guides based on the 24 units provided by Blueprint. A layer is provided to show unit numbers if you like, and 2 layers showing the grid dividing into thirds and quarters (thanks to Phil for that). Additionally there is a page wireframe included to demonstrate the template's use. Enjoy!
See also the Photoshop Template for Blueprint
Last updated: 12 March 2008
I created an Adobe Photoshop template for creating comps that work with Olav Bjorkoy's Blueprint CSS Framework.
The Photoshop template is simply a document with vertical guides based on the 24 units provided by Blueprint. A layer is provided to show unit numbers if you like, and 2 layers showing the grid dividing into thirds and quarters (thanks to Phil for that). Additionally there is a page wireframe included to demonstrate the template's use. Enjoy!
See also the Illustrator Template for Blueprint
I added new icons to the free set of mini icons. I'm using these in various places on this site.
2 12x12 px icons (flickr and Technorati):
![]()
2 16 x px status icons (confirm and alert):
![]()
I updated the free mini icons, adding a couple of new ones and converting all to PNG rather than GIF.
12 x 12 px icons (or smaller)
Bullets
Mini web icons 1 (grayscale)
Mini web icons 2
16 x 16 px icons
System icons
Document types
Web services
I'm not really making these anymore. You might be better served by checking out these sets, which I love:
Inspired by Bullet Madness, I updated my mini icons page with the micro icons/bullets I've been using on urlgreyhot and on the spoonsacrossamerica site that I've been working on this past year (not launched yet.).
Unfortunately, the bullets I uploaded to Bullet Madness went wacky and got double posted. Also, for some reason, the transparency was lost in my info bullet. Wierd.
I started uploading photos to iStockPhoto last week in the hopes of earning some credits so I can download stock photography for client projects without having to pay for them. Check out my growing portfolio of amateur stock art. (Robin actually took that Tiger photo, by the way.)
I created an illustration showing a top view of a Technics 1200 MK turntable. If you ever are in need of one:

[Download EPS.]


