Vintage Web Design 157

Vintage Web Design

Recently, I saw a very nice collection of vintage ads posted by Abduzeedo (via Digg). Speaking of vintage design, I also have a nice collection of vintage websites that I dug up from my old bookmarks and Best Web Gallery submissions. I'm not a big fan of vintage design, but if you want to see more vintage inspiration, here are 23+ sites.

Warning: some of the sites that you are about to view might be very old (click at your own risk)

CSS Gradient Text Effect 483

CSS Gradient Text Effect

Do you want to create fancy headings without rendering each heading with Photoshop? Here is a simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash). All you need is an empty <span> tag in the heading and apply the background image overlay using the CSS position:absolute property. This trick has been tested on most browsers: Firefox, Safari, Opera, and even Internet Explorer 6. Continue to read this article to find out how.

View Demos

Download Demo ZIP

Free TxEff Component Giveaways 1,321

Free TxEff Component Giveaways

Web Designer Wall is giving out freebies again! This time we are giving out 3 license copies of TxEff, sponsored by Jump Eye Components. TxEff is a Flash Component that allows you to create stunning text animations without ActionScript skills (read review here). To enter the contest, add a comment in this post and you could win one of the three TxEff component giveaways (value $169.97). All comments must be submitted before January 25, 2008.

Review: TxEff Flash Component 93

Review: TxEff Flash Component

Normally, to create text animation in Flash we either use timeline Motion Tween or ActionScript coding. Motion tweening is very time-consuming and not practical because the text must be broken apart and converted into Symbols. ActionScripting is a better solution, but it will require advance coding skills. Fortunately, now we have TxEff! It is a Flash component developed by Jump Eye Components, for web designers who need to create text animations in a fast and reliable manner. This article will show you how to create video-like text effects with TxEff in just a few minutes.

Typographic Contrast and Flow 180

Typographic Contrast and Flow

As you have probably know, most online readers don't read line by line, instead they scan (from one point to another). For this reason, designers create typographic contrast and flow by emphasizing certain text. Contrast is important because not all the content within a page have the same value, some have greater significance than the others. By creating contrast, you can direct the reader's attention to the important messages and at the same time enhance the visual appearance. Here are seven basic methods on how you can create typographic contrast.

CSS: The All-Expandable Box 152

CSS: The All-Expandable Box

In HTML, if you don't specify a specific width, block-level elements are vertically expandable by their nature. Think of an unordered list. That list will grow be be as big as it needs to be to fit all of it's list elements. If a user increases the font size in their browser, the list will expand vertically, growing to fit the larger content. Sometimes it feels like vertical-only expansion is limiting and it would be nice if the element could grow horizontally as well as vertically with a font size increase by the user.

View Demo Expandable Box

Download Demo ZIP

Best of CSS Design 2007 674

Best of CSS Design 2007

For those who don't know, I'm also the guy behind Best Web Gallery and N.Design Studio. In 2006, I started Best Web Gallery as a gallery site where I feature the best CSS and Flash sites. I'm glad that I started the project because it gives me the opportunity to keep my design sense up-t0-the-trend. In the past year, I've seen a lot of sites from the submissions (some are great, some are horrible). As 2007 is wrapping up, I would like to share the best design sites with you. Here is a list of 50 websites hand-picked from Best Web GalleryBest of CSS Design 2007.

TWEET & SAVE: tweet a message to receive a 15% Themify discount code instantly. Tweet it now!