Design 101: September 2007
Author: Tiara Rea
Last month, I introduced many of you to some great resources for DIY web design and coding. This month, I’d like to take the same route but also give it a different spin and offer some links to sites you said you wanted! So let’s get started.
FavIcons!!!
Okay, so not everyone is as excited as me, probably because not everyone knows immediately what a FavIcon is. But I bet you’ve seen them and may be looking at one right now.
FavIcons are those cute little icons that appear next to your browser’s address bar and are often the company’s logo, symbol, or mascot. For example, Google’s famous FavIcon is the big multicolor G in the box.
For me, I’ve always been interested in these FavIcons, because I think they can really make a site pop. So I found this nice little application over at Chami.com that allows you to create your very own FavIcon in less than 30 seconds. Just choose a picture, click submit, and you’ve got your very own FavIcon that you can install instantly into your website’s HTML code. The site also offers simple instructions for this, but all you need to know is that after you’ve uploaded your new FavIcon to your site, add this HTML tag to your site’s code between the <head> and </head> tags.
< link rel = “shortcut icon” href=”favicon.ico” >
Feel Elated
I stumbled onto Elated.com accidentally while in search of free web templates a while back, and was pleasantly surprised to find that they offer a ton of different things to assist new webmasters or old tech gurus.
First up are their free templates – you know me; I’m a sucker for free stuff! And their templates aren’t cheap-looking, nor are they the kinds of free templates you normally find out there (I’m talking about the red text on a yellow background kind *shudder*). Elated templates are actually a really amazing resource for something professional and easy to upload. My personal favorite is their Hang A Right theme:
Elated.com also has a variety of tutorials for the beginner and the techie with subjects ranging from “making a rollover menu bar with JavaScript” to “your first CGI script” and even “choosing the mood for your site”. Basically, if you want some quick introductions to JavaScript, ASP, HTML, or CSS, give this site a try.
And finally, they do offer some pretty decent buttons, backgrounds, and icons for your site, as well as a really cool tool they call ImageKits, which is a free download that lets you put fog, rain, or even robot-vision over any image. I am partial to putting Amy underwater.
Simple Banner Generator
Need to promote your website but don’t have time to sit down and create a banner yourself? Or maybe you’re just looking for a temporary, quick fix to get yourself started. Either way, WebWeaver’s Free Online Banner Generator can help. This tool creates a banner with your choice of premade templates and a variety of text colors, so it’s very simple and quite fun to use. The completed banners aren’t half bad either, though this tool certainly doesn’t create anything flashy like CoffeeCup and other great (and sometimes costly!) design tools can. Still it’s completely free, it’s easy, has that one-touch feel, and is a tool that may at least offer you some inspiration for your own future banner designs!
And check out my awesome masterpiece:
Yes, I realize it is genius.
Pattern4U
Some of you had asked for a website that offers professional backgrounds for your websites, and let me tell you, this was nearly an impossible task. Do a simple search in Google for “website backgrounds” or “background pictures”, etc, and you will come back with junk, junk, and more junk. I actually spent an hour or two researching, trolling through Google and Yahoo, etc, only to come back with somewhat useless resources I didn’t want to share. And while I know that a webpage’s background isn’t as necessary as it was say ten years ago, I know many webmasters still rely on them for a snazzy look, and I didn’t want to let you guys down.
Enter Pattern4U, a resource I actually found from one of our faithful Lunartics’ Blog readers!
Pattern4U contains over 250 useful, professional website backgrounds designed by people just like you in categories ranging from classic and modern to “dirty” and funky. I honestly don’t think there’s a better resource online for good graphic backgrounds, though please let me know if I’m wrong. Check out my favorite samples below and choose a great background for your new site!
Okay, that’s all for September’s Design 101. Keep offering your suggestions so I can find great themes for next month’s issue!




