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

4 comments:

Greg said...

This site is great, nice job!!

I have a SEO info site. It is about va seo articles and stuff.

Drop by when you can, nice site here!

Anonymous said...

Hi,

Here's an image consultant site with some news and articles related to image consultant that your visitors may find interesting:

image consultant

Thanks

Goodman441 said...

I am shocked at how many blogs there are on adwords google.com. My site is very simular to adwords google.com, please visit my site when you can at: www.ickaboo.com

Greg said...

Hi,

you really have a very nice blog here! I'm definitely going to bookmark you!

I have a site dealing with should I optimize singular plural
. You are heartly invited to take some really good tips from it.



Come and check it out if you get time :-)

TheSEO-Rank.com