I always go on searches for themes/layouts for various platforms (Wordpress, CakePHP, MediaWiki) and just general XHTML templates. I realized I could save a lot of time if I kept track of all the good ones I came across.

Contents 1 Random 2 Freelancing 3 General 3.1 Browsers 3.2 Best Practices 3.3 Thoughts on Web Design/Development 3.4 Making Money 3.5 Design/CSS Tools 3.6 Logo/color/icon/font tools 3.7 Fonts 3.8 Carousels & Sliders 3.9 Icons 3.10 Social Media Icons 4 Creativity and inspiration 5 XHTML/CSS/General Templates 5.1 Resources 5.2 Great layouts 5.3 FlickRibbon layout hunt 6 Wordpress 7 MedaWiki 7.1 Extensions 7.2 Great skins 8 Joomla 8.1 Theme Resources 8.2 Great Skins

[edit] Random

• Wordle - Create word clouds
• WhatTheFont - Upload an image and it identifies the font
• Identifont - Asks a series of questions to help identify a font.

[edit] Freelancing

• 33 useful web apps for freelance designers

[edit] General

• Get Satisfaction - (FREE) Amazing tool to perform customer surveys on any site.
• UserVoice - (FREE) Tool to let users vote on what they want with your service.

[edit] Browsers

• NetRender - View your site in IE
• Browser Shots - View your site in different browsers
• Usage share of bowsers - How many people are still using IE? :(
• Browser Usage by version
• Browser share
• Browser trends
• Browser share by version
• Browser trend by version

[edit] Best Practices

• Log in or Sign up
• Web Safe font lists
• Website Checklist
• Cool URIs don't change!
• Font sizes
  • Proper CSS font sizes - Also see using EMs
  • An argument for why 100% should be the base size
  • A List Apart - Hot To Size Text in CSS
• Using IMG tag vs css background-image

[edit] Thoughts on Web Design/Development

Typography/Design

• 95% of web design is typography - and a follow up
• Web Typography Guide
• Reading Design
• Why Designers have an Attitude - Great article on how to think about web design

Users

• Creating Passionate Users - By Dries Buytaert, the maker of Drupal. Great advice on designing systems that users actually like.

[edit] Making Money

• Blog Money!
• Solve real world problems (and anything else on copy blogger is good too).

[edit] Design/CSS Tools

• Balsamiq Mockups - Kick ass tool for mocking up apps and webpages.
• Blueprint CSS (wiki) - Really great files for testing what your layout will look like.
• The Holy Grail - INCREDIBLE guide on using a base CSS layout that is as semantic as possible and cross browser compatible.
• Semantic CSS - Great article on the subject and links to a bunch of resources.
• online css tools and generators
• psd2css - Really cool tool to turn specially labeled PSD files into HTML/CSS. twitter example
• list of top templates/themes websites
• list of tutorials for designing CSS menus and buttons
• CSS cheat sheet - great little cheat sheet for layout and CSS rules.
• 70 Expert ideas for better CSS coding - Very detailed guide to good CSS
• LessCSS - Let's you use variables in your CSS and "compile" it into a final document.

[edit] Logo/color/icon/font tools

• list of online favicon generators
• LogoInstant - AMAZING FREE web 2.0 logos
• Low quality free PSD logos
• FreePSD.com - logos
• web 2.0 logo maker
• multicolr - pick colors and it finds photos from flickr that match perfectly.
• Kuler Create and Kuler Themes - Absolutely AMAZING for picking color schemes!
• list of top web graphics sites
• short list of open source logos

[edit] Fonts

• Headline fonts at UrbanFonts.com
• TypeKit - Let's you embed real fonts onto a page using OpenType fonts.

[edit] Carousels & Sliders

• Agile Carousel
• Scrollable
• better coda slider
• Code Slider
• Glider
• Top 10 Javascript slideshows carousels and sldiers
• Step Carousel at DynamicDrive.com
• Smooth Gallery
• Glider.js + Styling + Tutorial
• Better Blogroll scroller
• CSS Globe - Easy Slider

[edit] Icons

• Icons, etc - Good resource for icons

• FamFamFam Silk - Famous 16x16 icons.
• Pinvoke - Perfect compliment to FamFamFam
• WikiMedia Commons Icon Sets Full list here
  • Crystal (original home) - Wikimedia commons icons.
  • Nuvola andAll icons and modified ones - Fantastic set! Perfect. Complete. The works.
  • Tango and All icons and Original site - Another great set. Comes with a development guide for making new icons.
• Most beautiful free icons of 2008
• Freebies Online - Free Icons - Small list of various cool icons.

• Function website icons

[edit] Social Media Icons

• List of a ton of social media icon sets
• Icon set - Really solid!
• Color square icons - Really good!
• Buttons and Icons

• twitter icons and buttons - Tons of stuff for twitter
• Web2 icons
• Aquaticus social icons
• 12 free icons
• Social media icons
• Circular metal-rimmed icons
• Bubble icons - black and white
• Bubble icons - color
• 3d circular black glossy
• Shiny black set
• 108 black steel inlay icons
• 154 Black icons
• 154 Glowing dark shiny orb icons
• 154 clear bubble icons
• 108 matte white square icons
• 108 sharpie icons
• 108 Glowing copper orb icons
• 108 blue and white peral icons
• 108 Ultra glossy silver icons
• Socialize - Round w/ folded corners
• Tabbed Icons
• Page peel icons - Like they ripped a hole in paper and are poking through
• Round with a fold
• Small set of small icons
• Super shiney icons
• Google Icons

[edit] Creativity and inspiration

• Design Charts - Best website design
• See Design section above
• Random album cover:
  1. http://en.wikipedia.org/wiki/Special:Random -- The first random Wikipedia article you get is the name of your band.
  2. http://www.quotationspage.com/random.php3 -- The last four or five words of the very last quote on the page is the title of your first album.
  3. http://www.flickr.com/explore/interesting/7days -- Third picture, no matter what it is, will be your album cover.
  4. Use Photoshop or similar to put it all together.
  • result 1

[edit] XHTML/CSS/General Templates

Not specific to any framework or platform.

[edit] Resources

• GOLDMINE! - Links to all the open source XHTML/CSS template sites out there!
  • Open Design - Pretty good. Hard to search. Use google isntead.
  • Open Web Design - Kinda crappy
• Style Shout - One guy made a ton of quality layouts.
• Free CSS Templates - Good list. Can't search. Same as Free WP Themes.net
• Arcsin.se - Does some great layouts.
• Solucija - Quality templates.
• Template World - Great source for creative commons themes.
• Non-Profit website design examples and best practices

[edit] Great layouts

• Coulourise - Rainbow. Pretty cool.
• Internet Encyclopedia - Decent layout.
• Curiously Green - Good theme. I keep coming back to it.
• deep - Amazing simple layout for a personal site.
• Red business - name says it all
• nonzero - One that I know very well. Red.
• Deep Red - Red template. I also know it very well.
• Sinorca - boring but professional
• Lonelyness - Really artistic small site
• Lazy days - big orange header. dark.
• coffee n cream - good brownish theme
• Internet music - professional looking. kinda boring.
• Solemnity - Pretty good. Blue.

[edit] FlickRibbon layout hunt

Extra: FamFamFam Silk icons

Extra: Blueprint CSS - Really great files for testing what your layout will look like. Especially the form page.

• iNove
• HemingwayEx - Using the "white.css" stylesheet
• Pluralism
• Scalable simplicity 2.0
• Multiflex 5 (tutorial!) - tons and TONS of built in styles and options. Slightly boring, but mostly good.
• Internet Music - too professional
• flashyweb
• arthemia

[edit] Wordpress

Main Page: Wordpress Tools

[edit] MedaWiki

Skins for MediaWiki.

[edit] Extensions

• 20 mediawiki extensions you should be using

[edit] Great skins

• Skin Projects
• Wordpress codex style theme
• MistyLook - Bliki. There is a wordpress version of this too! There might be a more up-to-date mediawiki version, though.
• Mozilla Wiki Theme (Cavendish) - One of my favorites
• Clean - Used this for a long time on the FlickrContestr development wiki.
• Enhanced Relief - Lots of built in styles
• BlueWiki - Really great, simple layout
• GuMax horizontal skins

[edit] Joomla

[edit] Theme Resources

• Joomla Shack

[edit] Great Skins

• Blog Envy

Powered by MediaWiki and the Clean skin