So when I see a hot wallpaper I download it and save it, and today I have put together the first selection of our series of posts about stunning hand picked wallpapers.

Here are 25 Amazing Beautiful nature themed desktop wallpapers. Enjoy

1. Paragonia

This one is a collaboration between Pet Harrison and Marius Bauer. Its available up to 2560×1600.

2. A Dreamy Island

Available in 1600×1200.

3. Serene Waterfall

What nature wallpaper would be complete without a waterfall wallpaper? None. Available up to 1920×1200.

4. Cliffside Beach

Available up to 1920×1080.

5. Another Dreamy World Wallpaper

This is another great wallpaper which is a part of the “A Dreamy World” collection. Available in 1600×1200.

6. Splash

Available up to 2560×1600.

7. It Was A Beautiful Day

Available in 1000×1250.

8. Skyland

Available up to 1920 x 1200.

9. Darkness to Light

Available up to 2560×1600.

10. Green Dreams

This one has both a daytime and nighttime feeling to it. It is available up to 2560×1600.

11. Winter Wonderland

This wallpaper has a wonderful winter themed design and it is even available in widescreen. Up to 1680×1050.

12. Leaf Ripple

Available in 2000×1333.

13. Crashing Waves

This is an example of a photo taken at just the right time. Available in up to 1920×1200.

14. Beautiful Morning

Available up to 2560×1600.

15. Stonehenge Wallpaper

Available in 1000×631.

16. Splatter

Available in 1280×960.

17. Canoeing

Available up to 2560×1600.

18. No Line On The Horizon

Available up to 1680×1050.

19. Blue is the Answer

This one is available in up to 1600×1200.

20. Am Nature

Available up to 2560×1600.

21. Pacific City

Available up to 2560×1600.

22. Crepuscule

This is a wallpaper of a breathtaking “black sunset.” Available up to 2560×1600.

23. Connect Relationships With Sounds

This is a name I don’t understand, but this is an amazingly simple yet clean desktop wallpaper. Available up to 2560×1600.

24. Afternoon Shadows

Available up to 2560×1600.

25. Driftwood

Available up to 2560×1600.

What consumers see as freedom of choice when choosing a browser, coders can sometimes see as a nightmare. Here’s a quick list of popular browsers, just off the top of my head:

• Google Chrome (Latest, and older desktop versions)
• Google Chrome (mobile for iOS and Android)
• Firefox Version 65.0
• Firefox (Older desktop versions)
• Firefox for iOS
• Firefox Focus for Android
• Internet Explorer 9 and older
• Internet Explorer 10
• Internet Explorer 11
• Opera (Latest, and Older versions)
• Opera Touch (Mobile)
• Safari (Latest, and older)
• and more…

There are numerous browsers listed right there, and that doesn’t even count all the other ones you can find in the app store! How do you create a design that looks the same in so many different browsers? Well, you start by bookmarking this post.

I’ve included something for everyone: From different renderings of the box model, to ready made 100% cross browser compatible CSS layouts and even ways to check your site in different browsers.

1. Cross Browser CSS For Your Site
   Emil Stenstrom writes some guidelines for making your CSS cross browser compatible. This site has very good advice and comes from ideas being practiced, not theories.
2. Starting With CSS: Revisited
   Every browser out there has default styling applied to HTML tags. The problem is that every browser’s default styling is a little different. Using the stylesheet applied, you can remove the default padding and margins and start with all browsers rendering the same.
3. undohtml.css
   This is another variation of the technique above. This one is a little more widely adopted and removes ALL padding and margins.
4. Two CSS Hacks For Identical Pages Two CSS hacks that can be implemented for cross browser rendering. The article also has excellent advice on what to do when you start coding.
5. CSS Hacks & Issues
   This article covers little tips and tricks you can use to get rid of some of the quirks in Internet Explorer’s rendering of your CSS.
6. Box Model Hack
   Internet Explorer 5 and 5.5 incorrectly render the box model. Use this “hack” in your CSS to get them to render it the correct way.
7. Eric Meyer On CSS
   CSS Guru Eric Meyer talks about tricking browsers and hiding styles. Sometimes a you have to be a little sneaky to get cross browser support for your CSS.
8. /* Position Is Everything */
   This is absolutely required reading for anyone wanting to code CSS layouts. After reading this site you will understand exactly how to write for all browsers.
9. glish.com : CSS layout techniques
   glish.com has published examples of 3 column layouts, 2 column layouts and fluid versions of many more. The best part is they all validate and work the same in EVERY browser.
10. 100 Percent Cross Browser, Pure CSS Layouts
    Another website with pure CSS layouts. This one is especially noteworthy because there are tons of layouts here and all of them you have probably seen on a website somewhere.
11. Rendering Mode and Doctype Switching
    Did you know that in “standards mode” Internet Explorer 6 renders the box model correctly? Putting all browsers into “standards mode” is an easy way to ensure that your CSS is rendered the same in all browsers. This page shows you what DOCTYPE to use to trigger “standards mode”.
12. Activating the Right Layout Mode Using the Doctype Declaration
    This site has a table showing all modern browsers and the effect (standard or quirks mode) each doctype has on them.
13. In Search of the Holy Grail
    This article from A List Apart shows you how to create a fluid, 3 column layout that works in every browser currently on the market. If you want you can always just copy the final code and modify it, but it’s better to understand why the CSS is written the way it is.
14. Litmus Labs: CSSVista
    CSSVista is an application from Litmus Labs that enables you to edit CSS live in both Firefox and Internet Explorer. No more refreshing two browsers every time you make a change.
15. Browser Shots
    This online tool takes screenshots of your website in all sorts of browsers and displays the results. It’s great for testing in different browsers without having to install any.
16. IE NetRenderer
    Another online tool that instantly renders your site in a variety of Internet Explorer versions.

Open-source programs and tools have really come a long way. Almost any program out there has an open-source equivalent. Using any combination of the tools below, it is possible to create, author and publish a website entirely for free (legally).

Text Editors

• Aptana Aptana is the free equivalent of Adobe Dreamweaver. Very powerful and very stable.
  
• Notepad++ Notepad++ is a lightweight text editor that has code coloring and code folding.
  
• Notepad2 Another very lightweight text editor that can be used as a replacement to Windows Notepad.
• Cream Not for the feint of heart, this is a modern configuration of Vim. Very powerful but with a learning curve.
• Firebug Firebug is a powerful plugin for Firefox that allows you to edit CSS/HTML/Javascript live while you browse the page.

WYSIWYG Editors

• WYM editor A web-based XHTML editor that outputs W3C compliant XHTML 1.0 STRICT code.
• Amaya Amaya is a WYSIWYG HTML/CSS editor from the people at W3C. Of course this means its output is 100% valid.
• Selida Another WYSIWYG editor that is entirely free.
• Nvu Nvu is another open-source Dreamweaver clone. It features HTML/CSS editing and a WYSIWYG side.

FTP Clients

• FileZilla A very popular FTP client. You can also download the server edition for free.
  
• CoreFTP A simple two-pane style FTP.
• FireFTP Use FTP without ever leaving the comfort of your Firefox!

Image Editors / Creators

• Gimp / Gimpshop The open source equivalent of Photoshop. This image editor is very powerful and completely free. Gimpshop [ available here ] is a modified version of Gimp to help people familiar with Adobe products move over to Gimp.
  
• Inkscape A very powerful image creator that outputs SVG (scalable vector graphics) files.
• Paint.NET Another image editor/creator that has some nice features. Basically this is a version of Paint with a bit of Photoshop style tools added to it.
• Project Dogwaffle This is a free painting and animation prgram by Dan Ritchie. You can achieve nice digital paint results with this.
• Picasa2 Google-owned Picasa is an image organizer. You can edit your photos, tag your images and even upload them to Google’s server for free. This is perfect for organzing images for galleries.

Color Pickers

• ColorMatch Remix This online tool allows you to pick a color and have several colors generated to match it. You can export your palette as a Photoshop or Illustrator file.
• ColorPicker This color picker allows you to pick colors from photos and other images. It can ouput colors in either RGB mode or hex, which is useful for us CSS designers.

Coding Help

• AllChars Ever had trouble remember that “&” should be “&” in HTML? AllChars will help you encode ANY character you want.
• CSS Creator Use this online tool to generate the framework for your CSS based layout.
• Firdamatic Another online CSS layout generator that can be used for either 2-column or 3-column layouts.

Helpful Firefox Extensions

• Web Developer Toolbar for Firefox This plugin is a must have for any CSS designer. It allows you to view the CSS for a page, turn off styling and browse through the DIVs to see how a page is assembled.
  
• IE Tab Check your website in Internet Explorer by opening it in a Firefox tab. Never open Internet Explorer again!
• HTML Validator Adds a small section to the status bar displaying whether or not a website has valid markup. It even shows how many errors are in the site.

Your website navigation plays an integral role in keeping your site easy to use and navigate. Button tutorials are useful because you can take the techniques you like from a tutorial and use them to make your own custom buttons to match the site your working on.

I have filtered through the millions of results to highlight the 39 button tutorials you should have in your arsenal.

1. Veerle: Creating Flexible Buttons Using Photoshop Shapes and Styles
   
2. IRIS Design: Web 2.0 Style Photoshop Button Tutorial
   
3. BlogWatts: A Different Stlye of Web 2.0 Buttons
   
4. AvivaDirectory: Windows Vista Style Nav Bar Buttons
   
5. PSCloud: Create a Navigation Bar Like the Current Apple Site
   
6. Talk-Mania: Create a Navigation Bar like the Old Apple Site
   
7. VDC: Create iMac Style Buttons in Photoshop
   
8. Spoono: How to Create Gradient Micro Buttons
   
9. TutorialWiz: Creating Simple Pixel Micro Buttons
   
10. PhotoshopStar: Creating Buttons for a Game Site like the Warcraft III site.
    
11. EVOGfx: Creating an XBox 360 Syle Navigation Bar and Buttons
    
12. PhotoshopPoint: How to Make an Industrial Strength Button
    
13. Photoshop-Pack: Simple and Clean Photoshop Menu Bar Buttons
    
14. YourPhotoshopGuide: Transparent Glass Button Photoshop Tutorial
    
15. N-Sane: Glowing Glass Buttons in Photoshop
    
16. PhotoshopStar: Carbon Fibre Navigation Button Tutorial
    
17. TutorialStream: Making Big Attractive Buttons in Photoshop
    
18. PSDSpy: Small Chrome Micro Button Photoshop Tutorial
    
19. WipeOut44: Stylish Rounded Gradient Photoshop Button Tutorial
    
20. PixelDigest: Create an MP3 Player Style Glass Navigation Bar
    
21. UpUpMedia: Make a Slick Tabbed Navigation Bar in Photoshop
    
22. EVOGfx: How to Make a Dark Vertical Navigation Bar and Buttons
    
23. TutorialPark: Plastic Button Navigation Bar
    
24. Toxiclab: Creating Web Buttons for Your Site Layout
    
25. PhotoshopBuddy: Animated Click here Button
    
26. SkeletorScope: Brushed Metal Photosho Button Tutorial
    
27. RetireAt21: Floral Buttons for a Website Selling Something like Flowers
    
28. Time2Photoshop: Sleek Submit Button with Grungy Text
    
29. SaberFusion: Create Buttons like the Search button on MSN
    
30. Photoshop-Pack: Making Stylish Buttons in Just a Minute
    
31. ZASDesign: Inset Photoshop Button Tutorial
    
32. PhotoshopStar: Creating a 2.0 Download Button in Photoshop
    
33. PSDTuts: Make a Button Like the Ones you Pin on a Shirt
    
34. EmpireDezign: Creating a Button with a Gel Effect
    
35. Boonage: Creating an Orb Button in Photoshop
    
36. TutorialSubmitter: Creating a ‘Push Button’ in Photoshop
    
37. Boonage: Perfect Shine Photoshop Button Tutorial
    
    
38. OKTutorials: Making a Sleek ‘Shut Down’ Button in Photoshop
    
39. DesignTutorials: How to Make Custom Volume Control Button
    

Usability on websites is exploding right now. AJAX has enabled web developers everywhere to add functionality to their sites like never before. I’ve gathered 43 extremely useful (but still easy to implement) AJAX applications for use on any website. Keep your users coming back and increase your website’s functionality.

General Purpose

• Dragable Boxes
  Create draggable content boxes.
  
• AJAX Poll
  Create an AJAX powered poll. Requires PHP and mySQL.
  
• TableKit
  Create tables that can be resize and sorted on the fly with AJAX.
  
• JqUploader
  Use AJAX and jQuery to add file upload to your site.
  
• Dynamic Articles
  Dynamically loaded articles.
  
• Rounded Corners With AJAX
  Get rounded, anti-aliased, corners with AJAX.
  
• CoolTips
  AJAX powered tooltips for your site.
  
• Embed Google Maps
  Click a link and copy ONE LINE of code to past Google Maps anywhere on your page.
  
• AJAX Page Transitions
  Load the next page in the series without changing the URL or refreshing.
  
• Stringify – AJAX Page Transitions
  Use this script to add page transitions to your site.
  
• bmgadg – AJAX Calendar
  An AJAX powered calendar.
  
• amCharts
  Create beautiful pie charts using AJAX. The charts are presented with Flash giving them a very polished look.
  
• AjaxWP – WordPress Enhancement
  Use this WordPress script to enhance your blog with lots of AJAX.
  
• LightWindow
  LightWindow is similiar to the other “lightbox style” scripts except that you can put ANYTHING in the pop-up window. Very powerful.
  
• Advanced RSS Ticker
  Add an AJAX powered RSS ticker anywhere on your site.
  

Status Indicators

• AJAX Status Indicator Creator
  Here you can create you own status indicator.
  
• Status Indicator GIFs
  Free status indicators for use on your AJAX enabled pages.
  

Forms

• Really Easy Field Validation
  Form validation powered by AJAX. Some coding knowledge required.
  
• AJAX Contact Form
  A contact form that you can use “out of the box”.
  
• Nice Forms
  Add some AJAX to your forms to make them look beautiful!
  
• AJAX Auto-complete
  Use AJAX to auto complete form inputs.
  
• Phatfusion – Form Validation
  Form validation with AJAX.
  

Text Editing

• Resizing Textarea With AJAX
  Dynamically resize your textareas to fit whatever you are typing.
  
• Moo Textareas
  Increase or decrease the size of any textarea.
  
• Whizzywig
  A free AJAX What You See Is What You Get (WYSIWYG) editor for text boxes.
  
• AJAX Inline Instant Update Text 2.0
  Use AJAX for inline editing without the need to learn JavaScript.
  
• AJAX Edit In Place
  Another edit in place AJAX script, this one has many options.
  

Tabbed Content

• Building Tabbed Content With AJAX
  Instructions and codes on how to build tabbed content in AJAX.
  
• AJAX Tabs Content Script
  Another tabbed content AJAX script that is easy to implement.
  
• Mootools Demo – Accordian
  Have content that can fold in on itself in the style of an accordian.
  
• Accordion v2.0
  A variation on the accordian style folding content in AJAX.
  

Galleries And Images

• AJAX Slideshow
  Create a dynamic AJAX slideshow.
  
• GreyBox
  GreyBox is a tiny (22kb) script that opens a window with whatever content you like.
  
• E2 Photo Gallery
  A free, open-source, AJAX enabled gallery for your website.
  
• ZenPhoto
  ZenPhoto is a very lightweight, very powerful photo gallery with AJAX features.
  
• Litebox
  Litebox is the AJAX version of Lightbox. It’s just as powerful and only a fraction of the size.
  
• Mini Showcase
  Mini Showcase is a lightweight AJAX powered gallery.
  
• Flickr Show
  Use this AJAX script to put a flickr slideshow on your website.
  
• AJAX Banner Rotation
  AJAX banner rotation. Rotated banner ads and even chunks of HTML.
  

Chat Boxes

• Shoutbox Examples
  Use this script to add a shoutbox to your site.
  
• YShout 5
  An amazing shoutbox powered by PHP and AJAX.
  
• AJAX Shoutbox For WordPress
  This AJAX shoutbox started as a small code snippet and has now become a full-fledged wordpress add-on.
  
• Lace – AJAX Chat
  A free AJAX chat script for your site.
  

Some Logo Design Inspiration

Stuck trying to design that logo? Here are some good places to help you break through that designer’s block.

1.LogoPond: A great source of Logo Design Inspiration

2. Corporate 2.0: If Major Corporations had 2.0 Logos

Logo Creators: The Fastest Way to a New Logo

Albeit it won’t be the best, this is a great resource for getting a new Logo done fast when you are strapped for time. Also works for creating a placeholder logo while you work on the real deal.

3. Creatr: The Web 2.0 Logo Creator

4. ImageTool: Online Logo Creator

Sources for Logo Design Tutorials

Looking for a certain style for your new logo? Between the two sources below, there are 64 logo design tutorials to choose from.

5. eLogoDesign: 50 Logo Design Tutorials

6. LogoTutorials: 14 Logo Design Tutorials. A few of them are worth a look.

Some Popular Logo Design Tutorials

Out of all the logo design tutorials available at the sources above, these are some of the ones that got the best feedback.

7. Alleba: How to Make a Web 2.0 Logo

8. BAMagazine: Designing a Logo with just Letters

9. SpoonGraphics: Designing a Logo: From Concept Sketches to Completion

10. DigitalWeb: The Process of Re-designing a Logo

With the widespread adoption of CSS, web designers have been given more style freedom than ever before. What once was done with images and tables can now be accomplished with a few lines of code. This article gives examples on how to accomplish common design elements with the use of very minimal images, if any at all. Use CSS to lose the excess images and keep your page loading fast.

CSS Rounded Corners

• Spiffy Corners
  Rounded corners using ONLY CSS.
  
• Curvy Corners
  Another round corner site using CSS + JavaScript, this one is said to compare to something created in a graphics program.
  
• Even More Rounded Corners With CSS – Schillmania.com
  FLUID rounded corners using CSS (no Javascript) and only 1 image.
• Anti-aliased Nifty Corners
  Use CSS + JavaScript to create anti-aliased rounded corners.

CSS Drop Shadows

• CSS Gradient Shadow – Dynamic Drive CSS Library
  Drop shadows using CSS and JavaScript.
  
• CSS Drop Shadow – WebToolkit
  Drop shadows without images.
• HTML Text Drop Shadows
  Drop shadows for your text, uses CSS and JavaScript.
• All About CSS Drop Shadows
  This one offers a few variations using CSS for drop shadows.
• Drop Shadow Example
  Another CSS + JavaScript version, this one you don’t have to type your text twice.
• Simple CSS Drop Shadows – Saila.com
  Drop shadows for both boxes and text. Uses only CSS.

CSS Gradients

• Cross-Browser Gradient Backgrounds Without Images
  Cross-browser gradients without images.
  

CSS Mouseovers

• CSS+JavaScript Fancy Menu
  Create an amazing menu with CSS + JavaScript.
  
• qTip – CSS Tooltips
  Add tooltips to any link on your site.
  
• Sliding Doors of CSS – A List Apart
  Get instant mouseover changes using only one image at a time. Also see the second part.
• Scrollovers
  “Scrollover” links which scroll rather than just change color. Uses CSS and JavaScript.
• CSS Image Pop-up
  Pop up images on mouseover.
• Pure CSS Popups
  Pop-up content using CSS.
• Create A Block Hover Effect
  Create a block-level mouseover.

CSS Quotes for Blockquotes

• Swooshy Curly Quotes Without Images – 24Ways
  Create stylized quotes without images.
  
• Playing with BLOCKQUOTE and CSS
  Here is an example of how to style BLOCKQUOTES without images. Styling works in IE, but the quotes are missing.
• Quotes Using CSS on Flickr
  Another example of quotes without images.

CSS Graphs and Diagrams

• CSS For Bar Graphs
  CSS bar graphs using very few images.
  
• Displaying Percentages » Bare Naked App
  Display a percentage bar using only two images.
  
• CSS Diagrams
  Create a detailed diagram using no images.
• StyleMap v2: HTML Visual Sitemap
  Create a visual sitemaps using CSS + JavaScript. The site also has a CSS only version.
• CSS: Unordered List Calendar
  Create a calender using unordered lists.

Keep in mind that the video was produced in 1967, and it fore casted the way consumers would shop in the year 1999.

Can’t see the video? Click here to see it on Youtube.If only they predicted and capitalized off of something like Search.

[via Wired]

Motivational Examples

We’ve discovered some great galleries of CSS navigation menus to give your creative side a jumpstart.

• Vitaly Friedman’s CSS Showcase – Lots of examples showing what you can do with CSS navigation.
• Collection of Web 2.0 Navigation Menus – Massive list of sites that use tabbed navigation.
• CSS-Based Navigation Menus: Modern Solutions – Smashing Magazine a list of “beautiful and user-friendly Navigation Menus and solutions web-designers came up with using basic CSS styling.”

CSS Navigation Tutorials

These here are some of the best tutorials for creating unique (but still user-friendly) CSS menus. They’re all easy to follow; you can pretty much create your whole navigation menu from just a few simple elements.

• CSS only menus – This is a HUGE list of different CSS menu types and tutorials.
  

• Horizontal and Vertical CSS Menu Tutorial – Check this out for some CSS popout menus.

• Navigation Matrix Reloaded – Create a stylish navigation using just one image.
  

• CSS Step Menu – Cody Lindley shows you how to make a cool step (aka wizard) menu.
  

• Pure CSS Popups – Create static-text popups for your nav menu with CSS!
  

• How To Center a Tabbed Horizontal CSS Menu – Want your CSS menu centered?
  

• Listamatic – Great tutorials on how to create CSS menus from lists.

CSS Navigation Templates and Generators

If you’re in need of quick, no-hassle navigation, take a look at these hot templates and generators; they’re all pretty easily customized, so yours won’t end up being a clone.

• 13styles.com – 13 different CSS menus for you to download. Most of them are free.
• CSS Menu Generator – A simple generator that creates left-side navigations menus. Just put in your colors and titles and it’s done!
• 8 Web Menus You Just Can’t Miss – Download 8 cool CSS menus (2 of them also use mootools, though!)
• Explodingboy gives you 37 free CSS menus to download:
  – 14 Free Vertical CSS Menus
  – Free CSS Navigation Menu Designs
  – More Free CSS Navigation Menu Designs
• Free Menu Designs – 9 free vertical block menu designs.

In fact, the open source model, which began with programmers, has been so successful that it is currently being applied in government, media, education and private business. But despite these new applications, the unique combination of the open source model with the universalism of web design remains one of the ideal applications of open source. This pervasiveness of the open source spirit in web design now means that you can use open source software to design both graphics and your CSS and HTML, and you can also use the dozens of reliable open source code resources or thousands of web design templates to base your own designs on. In this article we highlight 100 open source web design templates, resources, and tools.

The Best Directories of Free Open Source Web Design Templates

There are tons of free design template directories on the net, but sorting through all of them can be a very tedious process. Instead, we suggest that you start with these four, which we consider to be the best free open source design template directories online.

1.OSWD: Over 2,000 of the best freebie web design templates. Also allows for search capability by color, contrast, validation, and other categories.

2.OpenWebDesign:A large and active community of individuals who share free web design templates. Includes regular design contests and a sub-category of most popular designs to speed up your search.

3.Open Designs: Headed by a non-profit board, the open design community has almost 600 designs which have been vetted and moderated by the community’s volunteer board. Also includes a relatively active forum where designers can share tips and resources.

4.CSS Tinderbox: CSS Tinderbox prevents you from having to “reinvent the wheel” by providing very basic, yet solid, CSS/XHTML design templates from which you can build off of.

Open Source Web Design Programs

Why pay for software if you can find it free? Usually, the answer is that the free stuff just plain isn’t any good. You won’t find that to be the case with the open source web design software programs in this section, however, which are all the best of the best.

1. Nvu: An open-source web authoring system to rival FrontPage and Dreamweaver. (Linux, Windows, and Mac)
2. Cssed: A CSS editor featuring auto completion, syntax highlighting and validation. (C, C++) (Linux)
3. Quanta Plus: A top-notch HTML editor and web development for the K Desktop Environment.
4. Bluefish: An HTML editor for programmers written using GTK, designed to save the experienced webmaster some keystrokes. (C) (GNU/Linux, Unix)
5. GIMPShop: The open source replacement for Photoshop. (Mac, Linux, and Windows)
6. Inkscape: The vector graphics application which may spell the end for Adobe Illustrator.

Complete Web Design Templates

If you want to get off the ground with your website quickly, then you may want a complete template that requires minimal tweaking. In this section we highlight some of the best complete template resources on the web. These templates include not only the CSS, but also the (X)HTML and in some cases the graphic files to get your site up as fast as possible.

1. TemplateNavigator: The largest catalogue of free website and flash templates, along with quality preview shots.
2. TemplateBox: Over 300 freebie website, logo, banner, and flash templates to complement their collection of paid offerings.
3. Template Monster: A small but very high-quality set of web, flash, and blog templates.
4. Art for the Web: 75 freebie templates. Pretty good place to look if you’re looking for something slightly out of the ordinary.
5. Free CSS Templates: A 206 template strong resource which is frequently updated with new submissions.
6. Effex-Media: Free website templates designed by designers, this massive list is categorized by website type and includes user reviews of many of the templates.
7. DotcomWebDesign: Hundreds of free templates, some of which are really top-notch. However, the categorization is a little arbitrary so be ready to spend some time manually searching.
8. Themebot Design Templates: This site has some design templates, but not very many. There is a good amount of free themes.
9. Groovy Lizard: Personal page templates (commercial use must buy a license)
10. Interspire: Freebie web, Frontpage and Dreamweaver templates
11. Joyful Heart Designs: Personal page templates generally with floral designs.
12. OpenSourceTemplates: Free CSS and xhtml open source website templates and Web 2.0 designs.
13. Ricky’s Web Templates: 50+ freebie templates, graphics, and buttons.
14. Free CSS Templates: A dozen full-featured fully functional CSS based templates.
15. FreekTemplates.com: A collection of business, cars and bikes, and hosting templates.
16. Template Perfection: 200+ freebie templates with quite a few non-english oriented templates.
17. TemplateWorkz: 48 freebie web templates, along with some basic logo and newsletter templates.
18. Zymic: 80 freebie templates (HTML Pages + CSS + Images + PSD Files + Blank Images Files).
19. OpenSourceTemplates: A community-driven CSS and xhtml open source template design showcase.
20. Freelayouts: HTML and Flash templates.
21. FreeCSSTemplates.org: Over 100 freebie CSS templates.
22. Free Layouts: Complete list of hundreds of HTML, flash, and CSS templates.
23. Free Templates Online: Dozens of easily customizable templates categorized by theme.
24. Free Website Templates: A large collection of templates that don’t require a reciprocal link.
25. Six-Shooter Media: Free CSS and xhtml open source templates.
26. Free Flash Template: Web templates and intros with tons of special features.
27. Layouts4Free.com: Free web layouts with search capability.
28. Solucija: Free XHTML / CSS website templates already setup and sorted by commercial use.
29. MasterTemplates: Professionally designed free website layouts along with PowerPoint templates.
30. TemplateWorld: Free, tableless, W3C-compliant web design layouts designed by Template World designers.
31. Painted Pixels: Free web page templates, buttons, and background tiles for non-commercial use.
32. CSSFill: A selection of CSS / XHTML based layouts and templates by Michael Strand.
33. ThemesBase: Templates organized by popular content management, blogging and forum systems.
34. Arcsin Design Templates: 22 Freebie XTML and CSS Templates
35. Snakeye Web Templates: 20 templates with a focus on Dreamweaver and Fireworks.
36. Steve’s Templates: Dozens of templates, free with link back.
37. GordonMac.com: Free CSS templates along with some freebie PHP scripts.
38. Web Design Helper: Full page templates including the graphics and code.
39. Webmaster Resources: 25 free web templates.

CSS Layouts

If you’re looking for the freedom to create something entirely original but just want some of the basic layout taken care of, this section is for you. The templates below are pure CSS, leaving you a clean slate from which you can add the design, graphics, and text as you see fit.

1. Layout Gala: 40 CSS tri-color layouts to help you pick a format.
2. AndreasVilkund.com: Free Templates by designer Andreas Viklund.
3. CSS Template Directory: A collection of CSS formatted page templates, developed and distributed by different designers.
4. BenMeadowcroft.com: Top-notch web design templates by Ben Meadowcroft, mixed in with a few spoof pages and experimentation.
5. Mollio: A set of basic CSS templates that that also have some sample basic content to speed things along.
6. Real World Style: CSS layouts organized by format type.
7. Little Boxes: CSS template arrangements with quickly accessible code.
8. The Layout Reservoir: Simple, straightforward, and manipulable 2 and 3 column layouts.
9. Protagonist Web Resources: A list of 43 tableless layouts to go along with the other protagonist resources.
10. Glish: CSS Layout Techniques by Eric Costello which have been stripped down to the bare essentials.
11. FU2K: CSS layouts designed for Netscape 4 compatibility.
12. Position is Everything: Tableless design resource with CSS bug workarounds.
13. ThreeColumnLayouts: The ultimate 3 column layout resource list.
14. ssi-developer: Two column CSS template samples with recommendations.
15. MIS Web Design: Fancy Paragraphs with CSS.
16. Ruthsarian Layouts: Freebie-CSS layouts ranging from basic to complex arrangements.
17. A List Apart: CSS: Practical CSS Layout Tips, Tricks and Techniques
18. Code-Sucks.com: Creating 1, 2, 3, and 4 column layouts.
19. Particle Tree: Dynamic resolution dependent layouts.
20. Project Seven: Fluid CSS Layouts
21. MyCelly: A collection of 16 basic layout templates.
22. Ideas: 12 free CSS templates.
23. CSS Library: Dynamic drive’s tableless CSS layouts.
24. IntensiveStation: A collection of all new basic CSS templates.
25. IronMyers: A collection of layouts with full Grade-A browser support for IE6, IE7, Firefox, Opera, Safari, and more.
26. The CSS Playground: Cutting edge CSS demos by Stu Nicholls’
27. WordPress Theme Viewer: Collection of searchable themes organized by columns, colors, rounded corners, and other categories.
28. Fluid 2-Column Template: A fully usable “fluid” template, meaning that the design expands and contracts with the window size.
29. Avinash 2.0: 12 Free CSS Templates

Automated CSS Tools and Generators

This set of resources isn’t for those that want to create something entirely unique. But if you aren’t a strong coder and just want to get the job done, these automated CSS code tools will let you create CSS at the push of a button.

1. CSS Creator: Select the form colors, number of columns, html version, and press a button. Presto, a CSS template for your page.
2. Inknoise: The layout-o-matic: fill out the form and out pops your CSS.
3. Strange Banana: Simply refresh the template generator until you get the style you like, then save the page which has your CSS embedded in the header.
4. Nidahas: A CSS-based form template.
5. Maketemplate: A PHP – HTML – CSS template generator for two column layouts.
6. IBDjohn: CSS template generator for three column layouts.
7. TemplatR: Another easy CSS template generator.
8. PsycHo: Your own psychogenesis, your own web design template.
9. Firdamatic: Tableless 2 or 3 column layout generator.
10. WordPress Theme Generator: Online generator creates custom unique WordPress themes.

Blog Themes and Templates

Designing blogs has become so popular as a subset of web design that we thought they deserved their own separate section. In this section, we highlight some of the best open source weblog template sources.

1. SmashingMagazine: 83 Beautiful WordPress Themes You (Probably) Haven’t Seen
2. Kaushal Sheth: Elegant WordPress themes.
3. ErraticWisdom: Textpattern templates
4. Scribez: 10 Best WordPress Templates.
5. pinkdesign: Free diary / blog templates
6. Textgarden.org: The official site for themes designed for Textpattern.
7. Blogger Templates: A collection of Blogger templates on a wide variety of themes.
8. Blogfashions: A collection of free Movable Type compatible blog templates.
9. FinalSense: High-quality templates for Blogger.
10. WP Themes: WordPress themes all designed by Sadish Bala.
11. Drupal Theme Garden: Showcase of themes available for Drupal 4.7x and Drupal 5.x.
12. Weblog Design: A small number of high-quality weblog templates.