April 2008 Archives

"With all the recent talk of grid-based web design, you’d think there would be an easier way to visualize what that actually means. Well now you can! GridFox is a Firefox extension which places a grid on top of any website. If you’ve started your design from a grid-based layout, you can now easily check to make sure everything is lining up the way you had planned."

http://www.puidokas.com/gridfox-release/

A good tutorial on how to use the popular Flash text replacement method for making headers and text elements look great with your font of choice.

"The goal of this tutorial is to distill the information at the official site for sIFR into a simple step-by-step process of how to implement sIFR on your site."

http://designintellection.com/2008/this-is-how-you-get-sifr-to-work/

Ever wonder what kind of robot Helvetica would make? Well, you can find out here:

http://www.invdr.com/invdr_portfolio_fontbots.html

Great list of design magazines that are freely available in online PDF versions. Get 'em here:

http://www.smashingmagazine.com/2008/04/22/inspirational-pdf-magazines/

Tips and suggestions for making the most our of your blog design:

http://www.blogdesignblog.com/blog-design/how-to-blog-design-style-guide/

A long and detailed overview of the design process that formed Monocle.com.

"... I thought I’d pause to reflect on some of the design and strategy choices I made with Monocle.com and share them here ... if you’re interested in the honest craft of website work, almost deliberately old-fashioned ‘classical’ web design - and how to ally this with innovation in magazine publishing - the following should provide a decent account of several of the key decisions in this particular project."

http://www.cityofsound.com/blog/2008/04/monocle-design.html

Great Firefox extensions for Web development and design:

http://www.youthedesigner.com/2008/04/07/12-best-firefox-addons-for-designers/

9 techniques for a common task -- some old, some new:

http://css-tricks.com/nine-techniques-for-css-image-replacement/

Interesting ... no divs, no floats, no hacks. This article demonstrates an original solution that addresses semantics, construct, and design issues to deliver robust CSS layouts:

http://www.tjkdesign.com/articles/float-less_css_layouts.asp

Just what the title says. Plenty of grid-related articles and learning resources here:

http://vandelaydesign.com/blog/design/resources-grid-based-design/