In the era of Web 2.0 download-buttons are becoming more and more important. Grey and simple few years ago, now they’ve become bigger, more colourful and come in dozens of variations. As the name says, download buttons are supposed to motivate visitors to use, or at least try the product which is offered on the site. Consequently, also visual appearance of download buttons has changed.

Screenshot

Usually a simple text entry is sufficient for a navigation bar. However, designer often combine plain text with small “download”-related icons - an example from redhat.de can be found below.

Screenshot

Most arrows have the direction to the bottom or to the right (digitalvisit.de).

Screenshot

The same here (formac.nl).

Screenshot

A more complex solution is presented on camfrog.com, however, the visual presentation is definitely more usable and attractive and - more importantly - the button is easier to find on the page.
Screenshot

This online-shop uses for every offered product a group of accompanying Icons (vso-software.fr)

Screenshot

The support of both Windows, Mac and Linux is usually emphasized by integrating logotypes in the download buttons (pando.com)

Screenshot

Similar visual solution, but different approach - both multilingual release and stable release can be downloaded immediately, without need to view any further web-pages (caminobrowser.org)

Since download buttons are gaining more weight, they are usually placed in the middle of the page and surrounded by a plenty of white space. Trying to achieve the attention of potential customuers, designers use new techniques and colourful solutions. Especially big buttons are trendy. They can be found everywhere.
Screenshot

Decorated with nice illistruation and arrow in button-look (webkit.opendarwin.org/).

Screenshot

The same concept here (gdisk.sourceforge.net)

Screenshot

and here… (webaroo.com).

Screenshot

A more simple solution (deepnetexplorer.com).

Screenshot

A decorative button in the style of 90s. Not usual, but still worth mentioning. (lookoutsoft.com).

Screenshot

Attractive dowlnload buttons should’t be overlooked and therefore have to be eye-catching. Could you overlook that one? (last.fm).

Screenshot

Huge Buttons. Again. (browster.com).

Screenshot

And again. (turboajax.com/turbodbadmin).

Screenshot

Sometimes even with a slanted styling (sceneo.tv).

Summing up, the current trends in web-design present download-elements in a particularly impressive way. Buttons have to catch visitors’ attention and therefore are sometimes not only obtrusive, but even aggressive. The product isn’t hidden, which makes sanes if it is the main aspect a developer is concerned about. Consequently, the place for download-buttons is chosen properly - of couse, in the middle of the page.

Tallys: Freefont of the week

November 1st, 2006

Jos Buivenga, the designer of beautiful typofaces Fontin and Delicious, has released a new freefont, which is called Tallys and can be used for personal and private projects without any restrictions.

Tallys
Tallys
Images: josbuivenga.demon.nl.

Tallys is a font that is one degree slanted and has large caps, a small x-height and long ascenders. It comes with hybrid numbers and a complete character set. The Tallys has one weight and comes only in Roman Style, however, Jos might be thinking about adding other weights and an italic later.

The font is available in Mac & PC (Opentype) formats and can be downloaded here for free.

Whether you’ve forgotten the name of a function or the property of a cascading style sheet - handy cheat sheets deliver the information you are looking for - immediately. Most cheat sheets are available as .pdf or .png-files, so you can print them and use them every day for whatever projects you’re currently working on. We present an extensive overview of useful cheat sheets we’ve found in the Web.

Something is missing? Don’t hesistate to comment!

Update (01/11/2006): Django Reference Sheet, The Django Book and Wordpress Cheat Sheet are added.

Update (31/10/2006): The site is was temporarily down due to the Digg-effect. Sorry for inconvenience. [editors]

Update (30/10/2006): you can find even more cheat sheets here, here and here. [vf]

Actionscript

Ajax

Apache

ASCII Character Codes

ASP

C# and VB.NET

CSS

CVS

C++

Django

Firefox

Google

HTML/XHTML

Java

JavaScript

LaTeX

Microformats

Misc

MySQL

Oracle

Perl

Photoshop/Gimp

PHP

Python

Regular Expressions

Ruby

Unix/Linux

Weblog

Windows

XML

Color Palettes: Real Estate

October 26th, 2006

What color palettes are used in the industry? What about your competitors? How to establish yourself as a new trend in the field which is dominanted by other companies? We take a look at different branches of modern life and analyze, which color patterns are the most popular.

In order to be successful, solid real estate companies have to be trusted and look reliable. For this purpose web-designers use dark colors, black stands for seriousness and reliability. Even more often brown and blue colors are used - in all possible combinations for all possible design solutions.

3×3 Raster More colors in 5×5 Raster
Barbagelata  
Screenshot Screenshot
Harvey Bergeron  
Screenshot Screenshot
Blue Chip Hilton Head  
Screenshot Screenshot
Cindy Cooper & Georgia Turner
Screenshot Screenshot
Colorado Springs  
Screenshot Screenshot
Dirlik Estate  
Screenshot Screenshot
The Dynamic Duo  
Screenshot Screenshot
Robgagnon  
Screenshot Screenshot
Gulf Winds Realty & Development
Screenshot Screenshot
Halstead Property  
Screenshot Screenshot
Homesalez  
Screenshot Screenshot
Homes in Long Beach
Screenshot Screenshot
Home Team  
Screenshot Screenshot
Las Vegas Real Estate
Screenshot Screenshot
Luisa Rodrigues  
Screenshot Screenshot
NH Fine Homes  
Screenshot Screenshot
Onsite Real Estate Team
Screenshot Screenshot
Randall Hagner  
Screenshot Screenshot
Real Estate Dealings  
Screenshot Screenshot
REALTOR  
Screenshot Screenshot
Roslyn Rooms  
Screenshot Screenshot
Daren Sanborn  
Screenshot Screenshot
The Gersha Porter Group
Screenshot Screenshot
Trisha Bass  
Screenshot Screenshot
Marianne Withers  
Screenshot Screenshot