What is vintage design? Vintage Design uses design elements that are “old-fashioned” or vintage. It focuses on design elements that were popular during the 1950s to 1980s or even older. You can create an old-fashioned motif by incorporating specific fonts, colors and graphics from a selected era. By using these specific design elements on your website, you can achieve a look that won’t be considered boring.
While researching Vintage Design for a client, I found the following articles:
Retro and Vintage In Modern Web Design Smashing Magazine defines what retro and vintage design is. They show you the specific design elements that make up the look and provide examples so that you can create websites using Vintage Design.
Vintage Design may use aged or Old-fashioned photos. You can achieve the Old fashioned Photo Effect with modern photos. Change your photos using Photoshop to look like vintage photographs.
Another aspect of Vintage Design is how the backgrounds look. The backgrounds look aged, dark or stained. You can find some Vintage Retro Backgrounds to incorporate your designs.
WebDesignShock has a collection of 175 Vintage and Retro Design Elements. Their collection includes icons, patterns, backgrounds, fonts and more. You can download them in PSD format for including in your websites.
Crearegroup created a video that demonstrates Multiple Backgrounds using CSS3. This technique makes it easier to use background images that grow as your text expands. In CSS2, you needed to use multiple divs to create this effect. This video shows you how to use Multiple Background images using only one div. They also explain that this technique is not bullet proof or usable in multiple browsers. Only modern browsers seem to be able to render this technique. If you would like to use this technique, consider what browsers your visitors use before implementing it on your website.
Every web developer needs a set of tools to begin web development. The following list of tools can help you get started:
A good computer with plenty of memory, hard drive space and a speedy processor. Choose the computer that fits your needs.
You’ll want to develop locally; build sites on your own computer. A web server lets you develop and test web sites on your computer whether or not you have an internet connection. You can install a web server likeXAMPP. If you want to go the Microsoft path, you can install their Microsoft Web Platform Installer.
As a web developer, you’ll need to create or edit photographs and graphics. By loading software like GIMP or Adobe Photoshop, you can make adjustments to images for your web site. Even if you hire a graphics designer to make logos for you, you still need a photo/image editor to make minor adjustments.
More than 1 browser. Not all web sites look the same in all web browsers. You’ll want to install more than IE to test your designs. If you build mobile, you’ll also want to test it on more than one device or mobile emulator.
Web Tutorials and cheat sheets. Tutorials teach you how to complete a specific task. A task like setting up a web server, creating a CSS navigation or anything else that you need to do. As a web developer you should have a collection of web design and development sites like Web Design Dev or StackOverFlow. A cheat sheet is a short guide that contains tips and shortcuts for a certain programming language, web design technique or framework. Here are 50 cheat sheet for web designers and developers.