I have created a selection of FREE to download CSS Content Boxes. These were designed to be used for side bar areas, but if you know your photoshop decently enough you can easily modify the headers to stretch as wide as you need. These CSS Content Boxes are all 100% XHTML & CSS Validated.

Black Content Box DOWNLOAD		Blue Content Box DOWNLOAD
Green Content Box DOWNLOAD		Pink Content Box DOWNLOAD
Purple Content Box DOWNLOAD		Orange Content Box DOWNLOAD

Over at iliveonyourvisits.com they have put together a neat little quiz to test your typographical skills. The Arial vs Helvetica test. Can you tell which font is which? It’s actually alot harder than I thought.

I have tried it twice now, I did take about a week in between tests so that the answers weren’t commited to memory. The first time I took the test i scored a 5 out of 10, and then second time i scored a 6 out of 10. It is truely almost impossible to tell the difference. I’m interested to know if anyone has the ability to get 10 our of 10 on this one.

Give it a try:

Arial vs Helvetica

THE Right Brain vs Left Brain test … do you see the dancer turning clockwise or anti-clockwise?

If clockwise, then you use more of the right side of the brain and vice versa.

Most of us would see the dancer turning anti-clockwise though you can try to focus and change the direction; see if you can do it.

LEFT BRAIN FUNCTIONS
uses logic
detail oriented
facts rule
words and language
present and past
math and science
can comprehend
knowing
acknowledges
order/pattern perception
knows object name
reality based
forms strategies
practical
safe

RIGHT BRAIN FUNCTIONS
uses feeling
“big picture” oriented
imagination rules
symbols and images
present and future
philosophy & religion
can “get it” (i.e. meaning)
believes
appreciates
spatial perception
knows object function
fantasy based
presents possibilities
impetuous
risk taking

---

This information, although widely known, and on many websites, was taken from the Australian Herald Sun. The original article can be found here Australian Herald Sun Online

---

Over at W3 Schools, they have setup a small CSS Quiz to test your skills. It’s all pretty basic stuff.

I got 19 out of 20 which resulted in a 95%, but I claim shenanigans! One of the questions was worded to be a little tricky and if you don’t pay attention and read carefully, you might just have the same outcome. I could take it again, but I know I would get a 100% since I know what I read wrong.

So go over to the site here:

W3 Schools Quiz

And test your skills!

Feel free to post your results here..

*Update

So it seems more and more people are trying to cheat this test by searching for the answers on Google. I mean, are you serious? Why bother cheating on a test like this? You aren’t being graded by a teacher. This is just a test to see how much you know. If you are failing the test, it’s obvious that you need to learn a little more. The test is just about the easiest test on CSS I have seen. Just today alone I received about 5 new hits from Google with the search term of CSS Quiz Answers.

I hope you people out there are just trying to learn, and not cheat.

On a side note, I will be putting together my own CSS Quiz in the very near future. And it will get harder as the test goes on, to really test your skills.

As a designer I often find myself using many of the same colors over and over. That’s not to say they aren’t a wide range of colors, but they are used more often than other colors. The amount of colors available to us designers is just about limit-less, so why do many of us find ourselves in the same position of repeatedly using the same colors?

The answer is we become comfortable with what works for us. And when I find myself once again using comfortable colors, I go to my extensive vault of links to help myself out of a rut.

So please enjoy my collection of links to websites with colors, color palettes and patterns. As always this list will be continually updated.

Last Updated 1-11-08

---

Kuler

Brought to you be Adobe, this online color tool is basically a social color palette website. Quickly create harmonious color themes online. Explore, create and share color themes.

---

Colour Lovers

COLOURlovers^TM is a resource that monitors and influences color trends. COLOURlovers gives the people who use color – whether for ad campaigns, product design, or in architectural specification – a place to check out a world of color, compare color palettes, submit news and comments, and read color related articles and interviews.

---

Color Hunters

Create and find color palettes made from images

---

Color Palette Generator

Pretty much self explanatory

---

Web 2.0 Color Palette

Organised into 3 distinct colour groups – neutrals, muted tones and bold colours, you may recognize a few of the shades from some of your favourite Web2.0 sites.

---

Squidfingers

This is just a site with tons of free patterns to download. I wouldn’t say these are Web 2.0 style patterns, but they are pretty good, and you just might be able to find some uses for them.

---

GenoPal

This link points to the free online application, but there is a more full and robust version that can be purchased and installed on your computer. GenoPal always proposes colors that are eye-pleasing. GenoPal colors are based on how your eye explores color – they are naturally harmonious.

---

Mayang

A site with mostly textures. Not the best textures in the world, but they are free and you just might find some use for them somewhere.

---

By now mostly everyone has used a photo host of one type or another. There are numerous websites to go to for your image hosting needs, however, none of them are anywhere close to as cool as RapidBin is. RapidBin combines the best of an image hosting site with the best a screenshot application can hope to offer.

Rapidbin can handle all the normal images you would expect an image host to handle. But that’s not where the real beauty of RapidBin comes in. RapidBin has a Win32 application (which means you can run it on your computer without installing it) which makes taking screenshots and uploading it a snap.

You can either take a snapshot of your entire screen, or use the “Shoot By Selection” option (which was my idea I gave to the creator coincidentally ) to select an area of your screen that you would like to screenshot. After taking the screenshot, the image is instantaneously uploaded onto the RapidBin server and the URL to the image is automatically copied to your clipboard for you paste away!

So save yourself hours of screen-shooting and editing and download the RapidBin application today!

Everyone loves icons right? Right! So I have put together a list of some of my favorite and some of the best icon sites I have managed to find on the internet, along with a few examples each of the site has to offer..

If you have any other great links to add to the list, just go ahead and leave a comment with the link.

This page will be updated regularly
Last Updated 1-14-08

---

H-T-D

This site is one of my newest discoveries and has some of the best looking, highest quality icons I have seen. I don’t even know what to call the website because half of it is in another language of some sort, but I will take full advantage of all it has to offer, and I suggest you do to.

---

FREE ICONS WEB

Free Icons Web has quite an impressive selection of truly high quality icons. Most of the icons are not full sets, but mini sets with particular themes in mind. The icons I show above are just small samples of very different sets available for free.

---

Sweetie

Some small and clean icons to use for your various web development projects.

---

DESKTOP LAND

A very random selection of high quality and not as high quality icons. It’s not an all in one icon website, but you just may find the perfect icon you have been looking for.

---

WEB 2.0 BADGES

A Web 2.0 badge generator. Select from many different badges, add your text, and download. Simple as that.

---

DESIGNER FOLIO

A selection of a few good looking Web 2.0 badges available for download.

---