Web Developer‘s Handbook: developing web-sites, exploring own imagination | CSS, Color Tools, SEO, U

// creativity

• [ uncontrol ]
• BIT-101 Lab
• How to pitch an idea
• Processing
• Robert Penner‘s Experiments
• Sodaplay constructor
• Speak Up > Word it
• The Designer‘s Lunchbox
• The Exploration of Computation

// css galleries & showcases

• CSS Beauty
• CSS Design
• CSS Drive
• CSS Reboot
• CSS Vault
• CSS Zen Garden
• Styleboost
• unmatchedstyle
• Web Standards Awards
• CSS Import
• CSS Tableless Web Sites
• css thesis: sites, that‘s all
• css Zen Garden
• Open Source Web design (oswd)
• W3 Compliant Sites
• wow factor
• CSS Design

// color tools

• Defence Mechanism > Color Toy
• Color Palette Generator [1]
• Color Palette Generator [2]
• Sessions.edu Color Calculator
• ColorWrite 1.1
• Easy RGB
• 4096 Color Wheel
• Eye Dropper Color Mixer
• Chromatic Wheel
• Color Blender
• Color Mixers
• Color schemer Online v.2
• Colormix
• Color synthAxis
• ColorWhore
• Colour Contrast Analyser
• ColorLab
• Colour exploration tools
• Kolur.com Color Inspiration
• RedAlt v1.0
• Color Scheme 1, Color Scheme 2
• Triadic Color Harmony
• Triplecode Munsell Palette
• Unsafe Colormatch
• Web Color Theory
• Web Color Visualizer

// color schemes, palettes

• CSS Color Chart
• ColorCombos
• ColorMatch 5K
• COLOURlovers
• Colr.org

// color patterns

• Kaliber10000 | Patterns
• Squidfingers | Patterns
• Pattern-Bomb
• The Inspiration Gallery
• Color Patterns @ Bluevertigo

// fashion: colors selection

• Behr | Color Smart
• Dulux paint colour range & advice about choosing paint colours
• Color palettes and color schemes at Sherwin-Williams

// color theory

• 16 Lessons in Color Theory
• An Introduction to Using Patterns
• Color, Contrast & Dimension in News Design
• Color Theory: A brief tutorial
• Colour Theory
• Color Theory Articles
• Color Theory Overview & Tutorial: Color, Creativity, Code
• Colour Harmony: Secrets of Web Color Revealed
• Colour Symbolism
• Design Psychology

// royalty free photos

• AboutPixel.de
• PhotoCase.de
• PictureQuest
• Pixel Perfect Digital
• StockVault
• stock.xchng
• Royalty Free Images Search Engine
• Royalty free images @ Blue Vertigo
• Lincense-free images: a forum thread
• Where To Find Great Free Photographs

// css daily reading

• Asterisk*: Where web design lives
• A List Apart
• BlueRobot
• BrainJar.coms
• design.Principles
• : css / edge
• htmldog
• Mandarin Design
• mezzoblue
• PositionIsEverything.net
• StopDesign
• Stylegala - design | css | standards
• Zeldman Jeffrey

// web design daily reading

• Boxes and Arrows: The design behind the design
• Brain Bliss
• DesignInFlight
• Digital Web Magazine
• Graphics.com: The shared resource for creative design
• Poynter Online - Design / Graphics
• Web Developer‘s Journal

// css layouts

• Ruthsarian Layouts
• Bluerobot Layout Reservoir
• Glish CSS Layout techniques
• Layout-o-matic
• Little Boxes
• Web Builders’ Toolkit

// css navigation menus

• ALA // Drop-Down Menus, Horizontal Style
• ALA // Sliding Doors
• ALA // Taming Lists
• Alsacreations, menus galleries in CSS and XHTML
• aPlus:: ADxMenu
• BrainJar
• Bulletproof Slants
• cssbasednavigation
• CSSVault
• CSS Tab Designer
• Deluxe CSS Dropdowns and Flyouts
• Free Menu Designs V 1.1*
• Hybrid CSS Dropdowns
• Intelligent Menus
• Inverted Sliding Doors Tabs
• Javascript Menus. DeLuxe Menus
• List-o-Matic
• Listamatic 1, Listamatic 2
• Navigation Matrix Reloaded
• Simplebits: Mini-Tab Shapes 2
• SilverOrange CSS Tabs
• Simplebits Navigation Tabs: Simplified CSS Tabs, Mini-Tab Shapes, CSS Mini Tabs (the UN-tab, tab), Accessible Image-Tab Rollovers
• Suckerfish Dropdowns
• The CSS Playground
• Veerle‘s 2 level horizontal navigation
• wg:CSS Tabs
• wg:Inline Mini Tabs

// css techniques

• Adam‘s Radio & Checkbox Customisation Method
• Comments: Behind the Scenes
• Content with Style: A CSS Framework
• CSS: 2-col tableless layout
• CSS Destroy: CSS Experiments
• CSS Diagrams
• CSS Drop Shadows
• CSS Iframe Mimics
• CSS Image Maps
• CSS Image Pop UP Technique
• CSS-Only Forms That Don‘t Suck
• CSS-Only Table-less Forms
• CSS Page Layouts: Samples
• CSS Panic Guide
• CSS submit buttons
• CSS sliding photo-gallery
• Dynamic Text Replacement // ALA
• Eric‘s Universal Child Selector
• Malarkey Image Replacement
• Quirks mode and strict mode
• Sortable Table Demos (WebFX)
• The CSS Cheat Sheet
• The Fade Anything Technique
• Using Background-Image to Replace Text
• Zebra Tables

// css-web-tools & services

• CSS Centricle
• CSS Formatter and Optimiser
• CSS Multi-element Rollover Generator
• CSS Optimizer
• CSS Rounded Box Generator
• List-u-Like
• Nifty Corners: rounded corners without images
• Online CSS Compressor
• Round Corner Stone/Icon
• SelectOracle
• Xylescope
• W3C Core Styles
• W3C CSS Validator

// html-web-tools & services

• HTML Character Entities
• Special Characters in HTML
• A Simple Character Entity Chart
• Doctor HTML v6
• HTML Help: CSS, HTML Checks
• HTML Tidy
• WDG HTML Validator
• W3C HTML Validator

// accessibility checkers

• Accessibility Valet Demonstrator
• Bobby Online Service
• OCAWA Web Accessibility Expert
• UI Site check
• WAVE 3.5 Accessibility Tool
• Web-based Site Usability Checker
• WebXACT Quality & Accessibility Check

// miscellaneous tools

• 9 useful tools for web design
• Advanced Email Link Generator
• Approximate Conversion from Points to Pixels
• 80x15 Brilliant Button Maker
• 80x15 Buttons Gallery
• Browsercam - Check how your web-site looks in different browsers
• BrowserShots
• Bullet Madness
• FaganFinder URLInfo
• FavIcon Generator [1]
• FavIcon Generator [2]
• Favourite Javascripts for Designers
• ieCapture v. 0.0.4 alpha
• Image Embellisher
• JavaScript Toolbox - Reusable Libraries And Objects
• Link checker
• Load time check
• Online Image Splitter
• Polaroid-o-nizer
• Screen size simulator
• Semantics extractor
• Sparkline Generator Web Application
• Textarea tools
• The Box Office 0.3
• Web Page Analyzer
• Web Page Backward Compatibility Viewer

// ajax applications

• Ajax: A New Approach to Web Applications
• AjaxPatterns.Org
• Ajax Multiple Text Applicator 0.1
• Ajax on Rails
• Ajax Toolbox
• Ajax Working Examples & XMLHttpRequest
• Ajax Resources: There and Back Again
• Behaviour is the missing link for your ajax apps
• What is Ajax?

// DOM

• DOM: Dockable Comments: Intelligent DOM Scripting
• DOM: Dom-Drag-Crop
• DOM: Mouseover DOM Inspector

// fonts

• 100 Seriously Free Fonts
• Essential Fonts For Designers | 300 Free Truetype Fonts You Should Have
• fontleech
• Font Browser
• Font guide for webmasters
• Font Type Navigator
• Identifont - Identify a font
• Minifonts.com
• Monospace/Fixed Width Programmer‘s Fonts
• Pixelfonts: Style-Force Semplice Pixelfonts
• Serif or Sans?
• WhatTheFont?!

// typography

• Favorite Fonts of 2004
• Five simple steps to better typography
• The Next Big Thing in Online Type
• The non-typographer‘s guide to practical typeface selection
• Thinking With Type
• Typolinks
• Typography Resources

// CMS

• CMSwire.com
• CMS: opensourceCMS.com
• CMS Matrix

// blogging

• BlogBuddy
• Blogdex
• Bloghop
• Blogshares
• BlogRolling
• pMachine How-to
• Pheedo
• MT Plugin Directory
• Bloglet
• Myelin: Blogging EcoSystem
• DayPop - The hot topics in the weblogging community
• Technorati - Blog & Internet Search
• Blogwise
• Popdex
• Weblogs Compendium
• CorporateBlogging.Info

// specifications

• CSS Pod Guide @ Westciv
• CSS Reference @ Stylegala
• CSS Reference @ W3Schools
• Cascading Style Sheets - level 1 (CSS1)
• Cascading Style Sheets - level 2 (CSS2)
• Cascading Style Sheets, level 2 revision 1. CSS 2.1 Specification
• CSS Property Index
• Document Object Model (DOM) Level 1 Specification
• Document Object Model (DOM) Level 2 Specification
• Document Object Model (DOM) Level 3 Specification
• HTML 4.01 Specifications
• ISO-HTML Specification
• XHTML 1.0 Specifications
• XHTML 2.0 - W3C Working Draft
• XML / HTML References
• W3C Technical Reports and Publications
• Project Cool: Web Development Basics
• Web Content Accessibility Guidelines1.0
• Westciv Complete CSS Guide

// usability & accessibility

• Access Matters
• All You Need For Accessibility - Tutorials, Tools, Books, Validators, etc: part 1, part 2
• Colorblind Barrier Free
• Creating Passionate Users: Featuritis vs. the Happy User Peak
• Ergonomic Guidelines for Interface Design
• "Eye for information"
• Eyetools Research Blog
• Eyetrack III - What You Most Need to Know
• Dan Tobias‘ Web Tips
• Microsoft Usability Homepage
• Navigation blindness: How to deal with the fact that people tend to ignore navigation tool
• Siteusability.com
• Skills for Access
• Required size limits for various connection speeds
• The Interaction Designer‘s Coffee Break
• UITest.com: User Interface Test Resources List
• Usability Views
• User Interface Design
• What is Web Accessibility?
• Why accessibility?

// add a link (free)

• Google Search Engine Crawler
• ExactSeek Search Engine Crawler
• Feed Shark
• Search AllinOne MetaSearch!
• Yahoo Search Engine Crawler
• Searchengine Channel
• Top Directories with free web site submission
• A list of link submission directories

// seo tools

• 99 Free SEO Tools
• DevToolz
• icon interactive Link Popularity Tool
• Google‘s PageRank - Calculator
• Keyword Density Analyzer
• Marketleap Search Engine Marketing Tools
• NicheBot - Keyword Database (Wordtracker keywords)
• Page Rank Checker
• Page Rank Update List History - PageRank - PR
• Poodle Predictor
• SearchBliss
• SEO Chat
• SEO Scanner - Pros‘ SEO Tool
• SEO Tool for Yahoo Search Engine
• SiteOMetrics
• Spider emulator
• The Pages Indexed, Backlinks Domain, Pagerank, Allinanchor, Keyword Density
• This is how a search engine robot sees your web-site
• Yahoo! & Google Search Comparison

// seo references

• Database of Web Robots, Overview
• Searchengine Watch
• Search Engine Optimization Forum
• Search Engines Overview
• Search Engine Visibility - Do You Measure Up?
• Tools You Might Have Missed
• The Anatomy of a Large-Scale Hypertextual Web Search Engine
• What People Search For
• Great Site Ranking in Google The Secrets Out
• How To Get Slashdotted

// howtogetthingsdone

• lifehack
• Josh Kaufman: Inside My Bald Head

// freelancers

• Freelance-Help.com
• Scriptlance.com
• simplyhired
• Must-see resources for freelancers
• The Ten Commandments of Freelancing
• Top Tips For Freelancers

// quick menu

• creativity
• css galleries & showcases
• color tools
• color schemes, palettes
• color patterns
• fashion: colors selection
• color theory
• royalty free photos

• css daily reading
• web design daily reading
• css layouts
• css navigation menus
• css techniques
• css-web-tools & services

• html-web-tools & services
• accessibility checkers
• miscellaneous tools
• ajax applications
• DOM
• fonts
• typography
• CMS
• blogging