Taking Your Camera on the Road

We've played with blocks and a wide variety of CSS experiments designs. Now let's apply these techniques to creating business and web page logos.

Your website should have a logo, whether it is your company logo or one specific to the web page. Our company is called VanFossen Productions, but our sebsite is called "Taking Your Camera on the Road". We've created a graphic logo for the site, and below we've made a few attempts to reproduce it with CSS as part of our CSS experiments.

A pure CSS logo loads faster and saves bandwidth. But there are some limits. Unless you use embedded fonts, a technique limited to only a few web browsers, fonts are limited to a select few fonts available on most people's computers. With a limited selection of fonts, the logo designs must concentrate on the graphic display of the content rather than the typographics.

That still leaves the field wide open to a powerful imagination and a wide variety of CSS experiments in design.

For more information on how these were done and how to use these CSS design elements and style experiments, see CSS Experiments - How They Were Done and More and CSS Experiments Putting It All Together.

To see how these CSS experimental boxes and styles work, view the source code of the page. In your web browser menu, click VIEW > SOURCE or VIEW > PAGE SOURCE to view the source code. For the most part, the styles are included inline with each design.

Authors, photographers, teachers, and public speakers, Lorelle and Brent VanFossen, travel extensively with their camera and pen in hand to bring you a variety of articles on nature and travel photography including basic nature photography and the photography business, writing, travel, recreational vehicles, web page design, and life on the road. All images, design, and content are copyrighted and protected by law.

You can find related articles to this topic in our Web Pages and CSS Tips and Tricks and Photographycategories. The previous post is CSS Unleashed - Experiments Showcasing Your Photography and the next post is CSS Unleashed - Experiments Playing With CSS Blocks. CSS Unleashed - Experiments with CSS Logo Designs, Issue Number 158, by Lorelle VanFossen, was updated September 2nd, 2006.

You can follow comments through the RSS 2.0 feed and you can find more feeds on our Feeds List. Your comment is welcome, as are trackbacks from your site.

Article Series - CSS Experiments

1. CSS Unleashed - Experiments with CSS Designs
2. CSS Unleashed - Variations on a Theme
3. CSS Unleashed - Experiments Playing With CSS Blocks
4. CSS Unleashed - Experiments with Background Images and Backgrounds
5. CSS Unleashed - Experiments with Lists, Menus, Tables of Content, and More
6. CSS Unleashed - Experiments with Quotations, Pull-quotes and Blockquotes
7. CSS Unleashed - Experiments Showcasing Your Photography
8. CSS Unleashed - Experiments with CSS Logo Designs
9. CSS Unleashed - Experiments Putting It All Together
10. CSS Experiments - How They Were Done and More

Next: CSS Unleashed - Experiments Putting It All Together
Previous: CSS Unleashed - Experiments Showcasing Your Photography

Related Articles

• CSS Unleashed - Experiments Playing With CSS Blocks
• CSS Book Recommendations
• CSS Unleashed - Variations on a Theme
• CSS Experiments - How They Were Done and More
• CSS Unleashed - Experiments with Background Images and Backgrounds
• CSS Experiments - Web Fonts and Embedded Fonts
• WordPress CSS Styles Winners
• CSS Tips and Tricks

Submit Article: BlinkList | Blogmarks | Digg | Del.icio.us | Ekstreme Socializer | Feedmarker | Furl | Google Bookmarks | ma.gnolia | Netvouz | RawSugar | Reddit | Scuttle | Shadows | Simpy | Spurl | Technorati | Unalog | Wink | Yahoo MyWeb2