Post Archive
› September 20, 2005
HTMLstamps, new formats available
Our HTMLstamps were a hit. I think folks liked the idea of taking a web page design mockup and drag n' dropping markup icons onto it for reference. We received several emails asking for the stamps in different formats, some even offered to supply them.
So if you like the whole HTMLstamps concept, bookmark our new post on the subject. You'll find HTMLstamps for Adobe Illustrator CS1 and CS2, Photoshop CS1 and CS2, InDesign CS2, Macromedia Fireworks, and Microsoft Visio.
If you have a hankering to make other versions, hit me with an email, we'll list your file with a credit link at the new HTMLstamps post. Special thanks to Penston, Webb and Brown for the versions they supplied.
Comments
1. September 21, 2005 03:52 AM
2. September 21, 2005 04:47 AM
kemie Posted…
Pduckie, these stamps become useful when that info needs to go from the designer's head to some other team member (designer, developer, coder...)
3. September 21, 2005 11:12 AM
cresk Posted…
Allthough things like this are always cool, I really can't find a use for it neither. You should have left a brief description on the microsite, explaining what it is exactly and why poeple should use it.
Anyways, it looks cool. Nice work.
4. September 21, 2005 11:38 AM
Nate Posted…
Well, they are just handy little symbols that represent the basic building blocks of any semantic website (headers, lists, paragraphs, etc). If you work in a team environment, as either a designer, markup coder, or any variation thereof, you can use these to indicate what parts of a design mockup will be translated into which HTML elements.
I use them just for my own reference, I get a design mockup handed to me, I slap these stamps on there while I'm mapping out the semantic structure, then if I need to return to it the next day, I don't have to do that mind-mapping all over again. Other folks might prefer to use it (as kemie indicated) to share what they were thinking for the HTML with other team members.
Either way, it's just one of those "I found this useful, maybe you will to - take 'em for free if you want" type things.
5. September 21, 2005 09:44 PM
6. September 22, 2005 07:32 PM
Kevin McDonagh Posted…
I do something similar to these stamps and I might just switch because these are handy. Before you write the code for your design, try interpretting it into a topographic view of the layers, headers, lists and such (like using the 'topographic view' on the web developer tool bar plugin for firefox). On top of those blocks of colour add these stamps. I like to have a print out of the final and topographic design in fornt of me when I code the page. I find this helps me interpret the visuals to the best of your abilities semantically. Thanks to the creator of these stamps.
7. September 22, 2005 11:30 PM
Nate Posted…
Kevin that sounds like a pretty solid idea. Putting reference boxes around the elements could also help when figuring out how things are going to interplay as fonts are sized up and what not. Thanks for the tip.
8. September 23, 2005 09:12 PM
Nimoy Posted…
Some people might find them useful, other's may not... it's not like they cost anything. Thanks guys!
9. October 26, 2005 10:21 AM
Beth, web design manager Posted…
The idea is interesting but don't you think the stamps will limit the designer's creativity in some way?
10. October 26, 2005 10:26 AM
Nate Posted…
Nope, they are for use after the design is complete.. and for coding reference only.
Duckie Posted…
I viewed the video but i couldn't see any use for this... Doesn't a designer do this in his/her head automatically?