Category Archives: Articles

How to: Anchor the Footer to Bottom of Page (or Header to Top)!

May
29

8 Comments - LEAVE A COMMENT

Yesterday I discussed another method of creating a full width header and footer while still keeping your interior content centered. I’m going to expand on this method, and show you how to take the full width footer you’ve created and anchor it to the bottom of the browser window so the page’s content scrolls underneath it.

At some point I’m sure you’ve encountered this technique along your web travels. Some call it a static footer, others fixed position, others a “sticky footer“. Whatever you call it, it remains anchored to the very bottom of the page, no matter how much you scroll.

CONTINUE READING...

How to: Create Full (100%) Width Header/Footer with Centered Content (Updated)

May
28

16 Comments - LEAVE A COMMENT

Update 1/15/2012Please see the latest release of 100% Full Width Header/Footer with Centered Content.

I originally wrote a tutorial on how to “Create Full Width Header & Footer With Centered Content Using CSS” almost three years ago (yipe!) when I was working on one of the many redesigns of my site. Looking back on it now (since it’s one of my most popular articles), I see it’s slightly different as to how I have been doing it recently. Both methods work, both can be used, but I find my current method a little bit “cleaner”.

CONTINUE READING...

51 Fresh and Brilliant Websites in Orange

May
26

2 Comments - LEAVE A COMMENT

I don’t know about the rest of the world, but here in New York we’ve been waiting (un)patiently for Spring to finally arrive admist chilly temperatures and non-stop cloudy and rainy days. Well it looks like this week Spring is finally showing itself with nice and toasty temperatures and lots of sunshine.

Whenever I think of Spring I think of bright, happy colors – yellow, green, pink, purple, blue and most of all orange. The past few days I’ve been increasingly drawn to orange designs. I even bought a nice shade of orange paint to redo my bedroom in.

I love orange, and according to color theorists “orange represents enthusiasm, fascination, happiness, creativity, determination, attraction, success, encouragement, and stimulation.” Orange is a bright, happy vibrant color that stimulates your appetite – hence why you see it on a lot of food packaging. For more information on color theory or where to find color inspiration check out the article 17 Great Resources – Color Inspiration For Web Design.

After adding a bunch of orange based designs to my “ColorLove” bucket on dribbble I realized my lust for orange wasn’t shared by just me! A lot of designers seem to shy away from orange, but I love to see it used – either as the prominent color in the design or as a beautiful highlight or accent color. So, I went on a massive search and compiled a collection of 51 brilliant website designs that use some shade of orange in the design.

CONTINUE READING...