Thursday, September 22, 2005

Web Developer's Handbook: developing web-sites, exploring own imagination | CSS, Color Tools, SEO, Usability etc.

Some of the tools listed... scroll, scroll!

// creativity

* [ uncontrol ]
* Be Creative!
* BIT-101 Lab
* Creativity techniques and creative tools for problem solving
* Design Directory | made by designers for designers
* Design Snack
* Designologue
* Dislexicon v0.3
* e-CREATIVE AWARDS
* gapingvoid: how to be creative (latest version)
* glenmurphy.com
* How to pitch an idea
* OneLook Reverse Dictionary
* Portfolio Exhibition (The Best of Portfolio Design)
* Processing
* Robert Penner's Experiments
* screenspire.com | full( )screen inspiration
* Sodaplay constructor
* Speak Up > Word it
* The Designer's Lunchbox
* The definitive collection of idea generation methods
* The Exploration of Computation
* wellvetted.com - inspirational gathering
* Words List - Extelligence

// css galleries & showcases

* A.Budd :: Well Designed CSS Sites
* CSS Beauty
* CSS Design (ru)
* CSS Design (swe)
* CSS Drive
* CSS Reboot
* CSS Vault
* CSS Zen Garden
* doblepixel
* Pajatti.net (ch)
* Styleboost
* unmatchedstyle
* Web Standards Awards
* CSS Import
* CSS Table Gallery
* CSS Tableless Web Sites
* css thesis: sites, that's all
* css Zen Garden
* Open Source Web design (oswd)
* W3 Compliant Sites
* wow factor

// color tools

* Defence Mechanism > Color Toy
* Color converter (RGB/CMYK/HSV)
* Color Palette Creator v1.6
* Color Palette Generator [1]
* Color Palette Generator [2]
* 100 Random Colors - Need a Color?
* 4096 Color Wheel
* Chromatic Wheel
* Color Blender
* ColorLab
* Colormix
* Color Mixers
* Color Scheme 1, Color Scheme 2
* Color Schemer Online v.2
* Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
* Color synthAxis
* ColorWhore
* ColorWrite 1.1
* Colour Contrast Analyser
* Colour exploration tools
* ColourMod :: DHTML Color Picker/Selector
* Colour Scheme Chooser
* Easy RGB
* Eye Dropper Color Mixer
* Infohound Color Schemer
* Kolur.com Color Inspiration
* Online image photo editor
* RedAlt v1.0
* Sessions.edu Color Calculator
* Triadic Color Harmony
* Triplecode Munsell Palette
* Unsafe Colormatch
* Web Color Theory
* Web Color Visualizer

// color schemes, palettes

* CSS Color Chart
* color combinations
* ColorCombos
* ColorMatch 5K
* COLOURlovers
* Colr.org
* Return of Design - Web Color Schemes

// color patterns

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

// fashion: colors selection

* Behr | Color Smart
* Benjamin Moore: Personal Color Viewer
* Dulux paint colour range & advice about choosing paint colours
* Color palettes and color schemes at Sherwin-Williams
* Pantone's top ten fashion colors for fall 2005
* PANTONE Universe - Fashion ColorView

// 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
* 9x13.de
* DesignPacks.com
* Patterns: pattern4u
* PictureQuest
* Pixel Perfect Digital
* Pixsy - photos and videos from blogs and social networks
* StockVault
* stock.xchng
* License-free images: a forum thread
* Royalty Free Images Search Engine
* Royalty free images @ Blue Vertigo
* WallpaperStock
* Where To Find Great Free Photographs

// css daily reading

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

// css in German

* webdev:webdesign [pf-wiki]
* CSS - ein Tutorial
* bs-Markup
* cssHilfe
* Intensivstation
* css4you
* Andreas Kalt
* Manuel Bieh
* Carsten Protsch
* DesignerInAction
* einfachfüralle
* Seybold Jand-Andresen
* Meiert.com
* hessendrescher.de
* Vorsprung durch Standards
* Jendryschik.de
* Bjoernsworld.de
* mediaevent
* stichpunkt.de
* Vladimir Simovic
* css.fractatulum.net
* uckan.info

// web design daily reading

* A List Apart: Web magazine for people who make websites
* Boxes and Arrows: The design behind the design
* Brain Bliss
* DesignInFlight
* Digital Web Magazine
* Graphics.com: The shared resource for creative design
* Layers Magazine
* Poynter Online - Design / Graphics
* Web Developer's Journal
* Webmascon - Russian "A List Apart"
* [kak) (ru) - a journal about graphic design

// css layouts

* 195 Manually selected Style Sheet Resources
* An Overview of Current CSS Layout Techniques
* CSS Page Layout Templates
* Ruthsarian Layouts
* Bluerobot Layout Reservoir
* Glish CSS Layout techniques
* Layout-o-matic
* Little Boxes
* Nemesis Project: CSS table-less design templates
* Three Column Layouts @ css-discuss
* Web Builders’ Toolkit
* XHTML/CSS - 3 column layouts - Netscape 4 compatible

// 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
* Airtight Corners
* Annotating images with CSS
* Bullet-Proof Rounded Corners
* Comments: Behind the Scenes
* Content with Style: A CSS Framework
* Constants in CSS - several ways how to simulate
* Create compatible HTML email
* Creating a Pullquote with Javascript and CSS
* CSS: 2-col tableless layout
* CSS Destroy: CSS Experiments
* CSS Diagrams
* CSS Drop Shadows
* CSS element hover effect
* CSS footerStick
* CSS Hacks @ Stylegala
* CSS Iframe Mimics
* CSS Image Maps
* CSS Image Pop UP Technique
* CSS image replacement for submit buttons
* CSS Image Text Wrap Tutorial
* CSS-Only Forms That Don't Suck
* CSS-Only Table-less Forms
* CSS Page Layouts: Samples
* cssQuery()
* cssQuery Version 2
* CSS Remote Rollover Demo
* CSS Scale Image Html Tutorial
* CSS submit buttons
* CSS Switching
* CSS sliding photo-gallery
* CSS Teaser Box
* CSS tests @ Brunildo.org
* CSS: the white-space property
* CSS Tables
* CSS Visited Links: Ticked-off visited links Reloaded
* CSS Zoom layout
* Creating a Star Rater using CSS
* Customized borders and corners in flexible layouts
* Deluxe CSS Dropdowns and Flyouts
* Dynamic Text Replacement // ALA
* Eric's Universal Child Selector
* footerStickAlt: A more robust method of positioning a footer
* Format Footnotes with Javascript & CSS
* Footnotes revisited: CSS Sidenotes
* Forms with CSS: trimming form fields
* Free Form for All - The Subtraction Good Form 0.1
* Image (Replacement) Maps
* Making a CSS-based layout start to finish
* Language specific styling: quotation marks
* Malarkey Image Replacement
* NiceForms
* Quirks mode and strict mode
* Revised image replacement
* Scalable Inline (siir)
* Scalable Inman Flash Replacement (sIFR)
* Sortable Table Demos (WebFX)
* Sort Table / Javascript, DHTML, CSS
* Styled Checkboxes
* The CSS and XHTML Lab
* The CSS Cheat Sheet
* The Fade Anything Technique
* The Form Assembly Garden
* The ThrashBox - Rounded Corner for All
* Thierry Image Placement
* Unordered List Rollover Gallery
* Using Background-Image to Replace Text
* yDSF - Robust CSS Drop Shadows
* Zebra Tables
* Zebra: Alter Table Row Background Colors Using JavaScript

// css-web-tools & services

* CSS Centricle
* CssCreator -> Page Layout
* CSS Formatter and Optimiser
* CSS Multi-element Rollover Generator
* CSS Optimizer
* CSS Rounded Box Generator
* CSS Syntax Checker for BBEdit and TextWrangler
* Iconico CSS Scrollbar Generator
* korhoen typeviewer
* 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

* Accessible Data Tables
* 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

* Acrobot Abbreviation and Acronym Generator
* 10 Tips That Every PHP Newbie Should Know
* 10 Tips That Every PHP Newbie Should Know [ Part 2 ]
* 9 Javascript(s) you better not miss!
* 300 Images From 1800 Sites (arrows, posts, comments, bullets, print etc.)
* 9 useful tools for web design
* Advanced Email Link Generator
* Approximate Conversion from Points to Pixels
* 80x15 Brilliant Button Maker
* 80x15 Button Maker and Generator - Blog Flux
* 80x15 Buttons Gallery
* Browsercam - Check how your web-site looks in different browsers
* BrowserShots
* Bullet Madness
* Drunkey Love Icons
* E-mail: E-Mail Icon Generator
* E-mail: Online Email Protector
* E-Mail: Mask Email Image Generator
* EffectsPack - Prototype/Effects based javascript effects
* FaganFinder URLInfo
* famfamfam.com: Icons
* FavIcon Generator [1]
* FavIcon Generator [2]
* Favourite Favicons
* Favourite Javascripts for Designers
* Flickr Badge Maker
* htaccess code generator - disable hotlinking
* iCapture - see through the eyes of a Mac browser
* 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
* SimpleViewer v1.7
* slayeroffice tools
* Sparkline Generator Web Application
* Textarea tools
* The Amazing Rolloverer
* The Box Office 0.3
* Toys - dhtml and javascript libraries, demos and applications
* Web Developer Extension for Mozilla and Firefox
* Web Page Analyzer
* Web Page Backward Compatibility Viewer

// ajax applications

* AjaxAC - Open-source PHP framework for creating AJAX / JavaScript applications
* Ajax: A New Approach to Web Applications
* AJAX - Devmo
* AjaxPatterns.Org
* ajax instant messanger
* Ajax Mistakes
* Ajax Multiple Text Applicator 0.1
* Ajax on Rails
* Ajax Resources: There and Back Again
* Ajax Toolbox
* AJAX: Usable Interactivity with Remote Scripting [JavaScript & DHTML Tutorials]
* Ajax Working Examples & XMLHttpRequest
* Behaviour is the missing link for your ajax apps
* Dynamic Ajax Tables
* How to Develop Web Applications with Ajax
* Prototype JavaScript Framework
* Rico - Demos: Javascript + Ajax for Rich Internet Applications
* Sajax: Simple Ajax Toolkit
* Top 10 Ajax Applications
* What is Ajax?

// DOM

* Accessible DOM DropDown Menu
* DOM Drop-Down Menus, Horizontal Style @ nickrigby.com
* DOM-Scripted Lists, Revisited
* DOM: Dockable Comments: Intelligent DOM Scripting
* DOM: Dom-Drag-Crop
* DOM: Mouseover DOM Inspector
* DOMSlides
* Dynamic thumbnails and preview images with DOM, CSS and PHP
* FreeStyle Menus - TwinHelix
* Gecko DOM Reference

// fonts

* 100 Seriously Free Fonts
* Desert Island Fonts: Round 1, Round 2, Round 3, Final Round
* Essential Fonts For Designers | 300 Free Truetype Fonts You Should Have
* fontleech
* Font Browser
* Font guide for webmasters
* Font Type Navigator
* Fontsmack (a repository of sIFR fonts)
* praegnanz.de - Free Professional Fonts
* Identifont - Identify a font (german)
* Minifonts.com
* Monospace/Fixed Width Programmer's Fonts
* Pixelfonts: Style-Force Semplice Pixelfonts
* Search Free Fonts
* Serif or Sans?
* SimplyTheBest: Fonts
* Truly Free Stock
* 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

* blo.gs
* BlogBuddy
* Blogdex
* Bloghop
* Blogger.com
* Blogger.com Templates :: A template for my blog
* Bloglet
* BlogRolling
* Blogshares
* Blog Tips - ProBlogger: Helping Bloggers Earn Money
* Blogwise
* CorporateBlogging.Info
* DayPop - The hot topics in the weblogging community
* Quick Online Tips: Free Essential Tools for Blogger
* Google Adsense Optimizer
* Google AdSense Stop Words
* Google Adsenselogger, Open Source PHP Adsense Tracker
* Google AdSense Optimization Webinar
* Movable Type Style Generator
* MT Plugin Directory
* Myelin: Blogging EcoSystem
* Pheedo
* pMachine How-to
* Ping-O-Matic!
* Popdex
* Technorati - Blog & Internet Search
* Textpattern and Textpattern Resources
* Time to check: Are you using the right blogging tool?
* Weblogs Compendium