Brainstorms and Raves

Notes on Web Design, Development, Standards, Typography, Music, and More

Fri

1

AUG

2003

Friday Feast #54: Design, HTML Editors, MT, Photography, Regex

Today’s Friday Feast covers a fun web design competition, a beautiful photography competition site, rants and raves about HTML editing tools, adventures in prototyping, top-notch design sites, regular expressions, and a few of my own brainstorms, rants, and raves.

And the Winner is...

Zlog’s Ronan won Ben Hammersley’s design competition for a new weblog design. Ben gets a pleasing-to-the-eye new design and Ronan gets an iPod for creating the new XHTML Strict and CSS design. Not a bad deal for both of them. Congratulations to Ronan!

Ben has also provided the CSS and Movable Type templates for the rest of us to check out, too. Some of the other entrants' designs are also available for purchase. Nice work, and it’s clear that Ben had a tough decision indeed.

Prototyping with Style

Prototyping with Style is a new article at Digital Web on design and prototypes written by Jeff Lash. Tools and approaches for prototyping are discussed, including using CSS and XHTML. Jeff explains how CSS can be used easily and effectively for user-centered design work to rapidly develop prototypes for usability testing, review, and analysis.

Jeff’s article hits home with me, too, as I explain below in my adventures with prototyping and Movable Type.

Speaking of Prototyping with Style...

If you looked around my site during July as I was transitioning from Blogger to Movable Type and creating my new design you would have seen that I initially created a simple prototype. I did that to work with Movable Type to set up the archiving, add plugins, and test and implement features. I imported a few of my posts from Blogger to have some content for the initial work, and I later imported all my posts still using the prototype design while I continued to tweak features and work with Movable Type.

Once I had set everything up within Movable Type I then created the new design based on those needs. XHTML and CSS was the logical and easy choice to use for this process, and it worked beautifully. While the new design may visually look quite different from the prototype’s simple layout, the structure for the new design is what I created and tweaked during the prototype process.

Movable Type has many built-in templates already available for use that can be all that many people need. I examined them initially to learn about the tags and see how the program worked with their templates. Being a website designer by profession, though, I naturally wanted to create and develop my own design and approach based on the needs of my particular site.

I’m not yet finished with the site and the new Movable Type implementation even though much of it is already live online. I’m building it out in phases so that I can go ahead and take advantage of Movable Type’s features for my daily posts while I continue to work behind the scenes in my off-time hours to build the entire site with Movable Type, not just the weblog posts. For more on using Movable Type for an entire site, see my mid-July post Creating an Entire Site with Movable Type.

Latest WPDFD

Joe Gillespie posted the August edition of Web Page Design for Designers and I think you’ll find it just as fascinating and insightful as always. The August Editorial leads into an article called Factor-X that highlights the major differences between print and web design. There’s also a review of the latest versions of HomeSite and BBEdit. And there’s plenty more, plus all the previous issues and resources.

Speaking of HomeSite...

As a long-time user of HomeSite I’ve been increasingly disappointed to see this program initially created by Nick Bradbury pretty much stall in its development under Macromedia’s ownership the past few years. Dreamweaver and Contribute most likely have much more of Macromedia’s attention, and these are two products that have made tremendous improvements overall and have loyal followings. I recommend them both to people. At the same time, though, it’s so unfortunate to see HomeSite, such a longtime favorite and popular HTML editing tool, going almost nowhere in quite a long time.

Nick Bradbury also created TopStyle, though, which I’ve used forever for CSS. So when TopStyle became a full blown XHTML/HTML/CSS editor I gradually migrated all my web work to it. TopStyle has an intuitive user-friendly interface, it’s easy to use, and it uses very little system resources (unlike HomeSite). I can’t even remember when I opened HomeSite last. Folks who know me know that I don’t say that lightly, as I’ve written tutorials on HomeSite, I even considered writing a book on it quite awhile ago now, and I used HomeSite right from the start in its early beta days when Nick first created it.

I still think HomeSite is a terrific program and I still recommend it to people, of course. I recommend TopStyle more often now, though, especially for its more user-friendly interface. I hope Macromedia will take notice of the need for solid editing programs for hand-coders and develop HomeSite further, but based on their site information and their product releases it certainly appears that they’re more interested in their other products than putting much into serious development for HomeSite. I’d like to think I’m wrong about that perception, but we’ll see how things go.

Photography

Gorgeous photos at DPChallenge where you can browse the collections, join in the community, and compete with others for the latest photography challenges. Beautifully done site.

Regular Expressions

Users of HomeSite, Movable Type, TopStyle, Abacre’s Find and Replace, and other programs have seen references to using regular expressions, aka regex. I’ve listed below some helpful resources for regular expressions and a couple of books.

Online Resources, Tips, Tutorials
[Mastering Regular Expressions, Second Edition, by Jeffrey E. F. Friedl] Books on Regular Expressions

More

Friday Feast archives

Comments

Comments, Trackbacks: 2 so far. Add yours!

  1. Friday Feast #54: Design, HTML Editors, MT, Photography, Regex - Brainstorms and Raves- Shirley just made my day :) Einige gute Links, vor allem zum Thema Regular Expressions. Evtl. kann ich ja bald mal mit blass.hh und blass.by mitreden :)...

    03 Aug, 2003Trackback from hessis weblog

    trackback #1 permalink ·

  2. Re: And the Winner is...

    Thanks very much for your comments Shirley. I just noticed this in my refer logs ;)

    02:41 am, pdt 7 August, 2003Comment by zlog

    comment #2 permalink ·

This discussion has been closed. Thanks to all who participated.

top


Visit iStockPhoto - Royalty-free stock images. Click Upload Earn, Click Download Create 

I Wrote a Book

Deliver First Class Web Sites: 101 Essential Checklists  Via amazon.com: Deliver First Class Web Sites: 101 Essential Checklists, by Shirley Kaiser. SitePoint Books (July 2006). 

Available now via: SitePoint Books, Amazon.com, Amazon.ca (Canada), Amazon.co.uk (UK), Amazon.fr (France), Amazon.de (Germany), Amazon.co.jp (Japan), Tower Books U.S. and elsewhere! You'll also help support this site and its owner if you purchase via any of these links.

Learn more at SKDesigns - Deliver First Class Web Sites and via SitePoint Books.

Recommended Books

Cover - The Zen of CSS Design, by Dave Shea, Molly E. Holzschlag. Published by Peachpit Press, December 2004.

Cover: Information Architecture, 2nd Edition - by Louis Rosenfeld, Peter Morville. OReilly Media, Inc.; 2nd edition (August 15, 2002).

Hand-picked best book recommendations for Web site design, CSS, graphics, Photoshop, color, accessibility, more

In association with
 In Association with Amazon.com 
http://brainstormsandraves.com/archives/2003/08/01/friday_feast_54/
Page last modified 12 March, 2008 - 12:35pm PDT Page load time: 0.009523 seconds.