Web Design Trend: Fading Corners

January 14, 2007 | Posted in General Web Design | 10 Comments »

Who needs 4 round corners when you can have 1 or 2 that fade into oblivion?

There are a few reasons why this is not only kinda cool, but also a good idea for optimizing your site or blog:

1. It just looks cool.

2. It effectively separates content and keeps load times down because the background only loads once and doesn’t repeat.

3. It gives you freedom in your layout. Having a border that fades into your background enables you to leave the height and/or width of the column up to the content. For example, if you have a fading corner on the each section of the sidebar in your blog, you can add as many links as you want into that section and your CSS only loads one background image.

4. It makes load times faster and allows for a much more forgiving and fluid design for sites and blogs that get updated often.

5. It enables you to achieve a professional Web 2.0 effect, while giving you plenty of options to add content without changing your CSS.

6. Visually speaking, it effectively integrates the contents of the section into the rest of your site. By fading the color of a section into the background, you are creating a “Visual Connection” to the rest of your content. (Users generally won’t notice this on a conscious level, but good to know.)

Is your site “Fadeworthy?”

This entry was posted on Sunday, January 14th, 2007 at 2:03 pm and is filed under General Web Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

10 Responses to “Web Design Trend: Fading Corners”

SachinKRaj - get something useful from web Fading Corner Images « Apr 18, 07 at 2:09 am

[...] Related Posts: Web Design Trend: the fading corner [...]
youtube Jan 4, 08 at 9:52 am

thanks
some guy Jan 8, 08 at 8:40 pm

so what?

this is why i hate people who are blogging for money… churning out keyword-laden shit instead of content.
Estetik Jan 22, 08 at 6:28 pm

nice
myname Feb 7, 08 at 7:27 am

Love it <3
Leer Van Apr 15, 08 at 3:05 pm

nothing relevant. an analyse on background gradient. there are hundred and twenty four things to consider when you design a webpage. nice start.
Rocky Vargas Apr 17, 08 at 6:26 am

emotive aminosis hydroscopical monopolistic aspirin homotropous enchytrae merorganize
Lake Street School
http://www.reginarotary.org/
Free Fading Corner Images | BittBox May 7, 09 at 11:31 pm

[...] Related Posts: Web Design Trend: the fading corner [...]
search engine optimisation Sep 2, 09 at 1:43 am

The nearer to the number one position your business gets, the greater the chances that you will actually convert your visitors to sales.
SEO Hertfordshire Sep 30, 09 at 8:01 am

It’s amazing the number of websites that still use this! I think it looks so dated