Categories
Introduction
01. Creativity
02. CSS techniques and examples
02 a. CSS techniques03. Web design
02 b. Tabs & Navigation Menus
02 c. CSS- & HTML-Web-Tools
02 d. CSS/HTML-Specifications
02 e. Other useful Web-Tools
03 a. Written & unwritten rules04. Ajax Applications
03 b. Color Tools, Mixers etc.
03 c. Web Design magazines
03 d. Royalty free photos
05. Usability
06. Blogging Tools
07. Freelancers resources
08. Search engines & SEO
09. Other catalogs
10. Bookmarks: Maxi version
11. bookmarks: "pocket" edition
Submit a link
Support the project
Archive
Legend
new link
my personal favourite
english
german
russian
spanish
Where am I?..
You are visiting a list of essential web-sites, tutorials, references and examples (related to CSS Navigation Menus, CSS- & HTML-Techniques, Layouts, Accessibility, Usability, Search Engine Optimization (SEO) etc.), which make the life of web developers easier.
The list includes over 730 manually selected resources, is updated weekly and is compiled by Vitaly Friedman.
Submit your link
Fill out the form to submit a site for web-dev-bookmarks. You do not have to be the designer or owner of the site, it could be any site on the web. It is OK to submit your own site. Submit a link
Who is Vitaly Friedman?
Vitaly Friedman is a freelancing web designer from Saarbruecken, Germany, who creates simple, accessible and user-friendly web design. emm... so?
XML Feeds
Syndicate Web-Dev-Bookmarks (RSS) (updated once a week)
Donate
This web-site is being updated and edited by vitaly.friedman, prompted only by his motivation and his passion for web-development. If you appreciate his work and would like to support the project, you are welcome to donate money via Paypal (using a credit card, bank account, or existing Paypal balance).

» Web-Dev-Bookmarks: maxi edition
updated/MondaySeptember19th
Maxi Edition is a full list of essential bookmarks for web-developers which includes all the references which are available on this web-site.
- [ uncontrol ]
- Be Creative!: Creativity portal
- Beautifully.Webdesign: web design showcase with 650 creative works.
- BIT-101 Lab
- ChangeThis :: How To Be Creative: Creativity Manifesto
- Creativity techniques and creative tools for problem solving: lists a number of creativity techniques to help with creative thinking
- Design Snack a Deliciously Different Website Design Link Portal
- Designologue
- Dislexicon v0.3 generates creative words out of prefixes, suffixes and root words
- e-CREATIVE AWARDS an exhibition of creative freelancers' works
- Eric Strohl is a Logodesigner from New York, whose logotypes are very inspiring.
- Extelligence is an Archaic and Creative Word Dictionary
- gapingvoid: how to be creative (latest version): "So you want to be more creative, in art, in business, whatever. Here are some tips that have worked for me over the years"
- glenmurphy.com
- How to pitch an idea: a creativity "tutorial"
- OneLook Reverse Dictionary lets you describe a concept and get back a list of words and phrases related to that concept
- Plasticpilots.com assigns awards to web sites featuring excellent - creative - web design.
- Portfolio Exhibition (The Best of Portfolio Design)
- Processing
- Robert Penner's Experiments
- screenspire.com | full( )screen inspiration
- Sodaplay constructor
- Speak Up > Word it is your opportunity to express in as many words, and as many other graphic elements as you need, what best describes each monthly topic
- the best brands of the world: one of the most visited web sites intended for browsing and exchange of the World's famous brand-logos.
- The definitive collection of idea generation methods
- The Designer's Lunchbox
- The Exploration of Computation
- wellvetted.com - inspirational gathering
- AdMe.ru
- ADV¨RTKA
- mi3dot.org :: Galerija - Najnoviji radovi is a Croatian gallery of creative art-works. (croatian)
- 456bereastreet.com is where Roger Johansson writes about web standards, accessibility, usability and other topics related to web design and development:
- Asterisk*: Where web design lives
- A List Apart
- BlueRobot
- BrainJar.coms: Experiments in Web Programming
- design.Principles
- meyerweb.com: css / edge
- htmldog - How to make web pages - A practice guide to HTML and CSS
- Mandarin Design: Web Design and Development
- mezzoblue
- PositionIsEverything.net: Articles about CSS by Holly Bergevin and John Gallant
- StopDesign
- Stylegala - design | css | standards & Stylegala resources
- Zeldman Jeffrey
- Andy Budd :: Well Designed CSS Sites
- CSS Gallery: CSS Beauty - CSS Design Showcase
- CSS Gallery: CSS Design - Inspiration pa Svenska - Swedish CSS design gallery.
- CSS Gallery: CSS Drive - Categorized CSS gallery and examples
- CSS Gallery: CSS Reboot - May 1st, 2005
- CSS Gallery: CSS Vault
- CSS Gallery: CSS Zen Garden
- CSS Gallery: Styleboost
- CSS Gallery: unmatchedstyle
- CSS Gallery: Web Standards Awards
- CSS Import | The no frills inspirational site
- CSS Table Gallery: Data Tables and Cascading Style Sheets Gallery
- CSS Tableless Web Sites: includes 1335 entries.
- css thesis: sites, that's all
- css Zen Garden: The Beauty in CSS Design
- doblepixel (spanish)
- Open Source Web design (oswd) is a gallery of professional web design works
- Pajatti.net | Community for Creaters: Web Design Archives (chinese)
- W3 Compliant Sites: sites designed to comply with W3C Web Standards
- wow factor
- CSS Design is a russian alternative to CSS Vault
- 195 Manually selected Style Sheet Resources
- Adding a CSS StyleSheet to your RSS Feed: everybody knew how to do it, but nobody actually did it.
- Airtight Corners
- Annotating images with CSS
- An Overview of Current CSS Layout Techniques
- aqLists: unobtrusive DHTML and the power of unordered lists: how-to for nested unordered lists.
- ARC — Adam's Radio & Checkbox Customisation Method
- Backbase - Sandbox: Backbase radically improves the usability and effectiveness of online applications, and increases developer productivity
- Building Standard Compliant Web Sites includes articles and tutorials related to CSS techniques
- Creating a Pullquote with Javascript and CSS
- CSS Bullet-Proof Rounded Corners
- CSS tips and tricks, Part 1, CSS tips and tricks, Part 2
- Comments: Behind the Scenes - how to create an accessible comments system; by Jonathan Snook.
- Constants in CSS - several ways how to simulate
- Content with Style: A CSS Framework
- Creating a Star Rater using CSS
- cssQuery() is a powerful cross-browser JavaScript function that enables querying of a DOM document using CSS selectors
- cssQuery Version 2
- CSS: 2-col tableless layout
- CSS: the white-space property @ veerle.duoh.com
- CSS-discuss
- CSS design for the future: workaround vs hacks
- CSS From the Ground Up is an extensive tutorial on how to start with developing CSS-based sites
- CSS Design Ideas: CSS Sketchbook
- CSS Switching: Stuff and Nonsense: Strategies for CSS Switching
- CSS Destroy: CSS Experiments
- CSS Diagrams
- CSS footerStick: how to force the footer of a webpage to stick to the bottom of the viewport
- CSS footerStickAlt is a more robust method of positioning a footer
- CSS Drop Shadows is an article about creating drop shadows using CSS
- CSS element hover effect
- CSS Iframe Mimics
- CSS Image Maps, CSS Image Maps, Redux
- CSS Image Pop UP Technique
- CSS image replacement for submit buttons
- CSS Image Text Wrap Tutorial
- CSS-INTENSIVSTATION (en, de)
- CSS-Only Forms That Don't Suck
- CSS Optimizer
- CSS Panic Guide
- CSS Property Index: All CSS Properties Listed Alphabetically
- CSS Remote Rollover Demo: you take a regular unordered list and wrap an extra, non-semantic span around the link text
- CSS Scale Image Html Tutorial
- CSS sliding photo-gallery : vertical and horizontal css-based photo-callery
- CSS submit buttons
- CSS Stylesheets Tutorials @ Pixel2life.com: 186 css stylesheets tutorials
- CSS Tables alerts Box Template, Services or Links box template, Contact Template, Data table template, e.g., software list etc
- CSS Teaser Box
- CSS tests @ Brunildo.org: CSS experiments, tricks, hacks and tips
- CSS Visited Links: Ticked-off visited links Reloaded
- CSS Zoom layout
- Customized borders and corners in flexible layouts
- Design Detector Tips and Demos
- DivMania: how to avoid the use of too many divs by using CSS selectors.
- Drag & Drop Sortable Lists with JavaScript and CSS
- Dynamic Text Replacement // ALA: explains how to generate images from text using any font you like - without changing HTML or CSS (JavaScript + PHP)
- Eric's Universal Child Selector: the 'child selector' is actually a nifty idea that allows you to set rules that will only be applied when a given element is directly inside a specified other.
- Essentials of CSS Hacking For Internet Explorer
- Floatutorial takes you through the basics of floating elements such as images, drop caps, next and back buttons, image galleries, inline lists and multi-column layouts.
- Format Footnotes with Javascript & CSS
- Footnotes revisited: Sidenotes
- Forms: CSS-Only Table-less Forms
- Forms: The Form Assembly Garden is a Collection of CSS Stylesheets For Web Forms
- Forms with CSS: trimming form fields
- Free Form for All - The Subtraction Good Form 0.1
- Generating Dynamic CSS with PHP
- How to Create an Image Map Using CSS
- How to Style a Definition List with CSS
- iBook-o-Meter is an example of a PHP-based graphic script which shows how much time, money etc. you still have to save in order to afford sth.
- Image (Replacement) Maps: Using CSS for menu or image maps that have different X and Y co-ordinates
- Image Resizing, Fading Photo slideshow is a demonstration of Flash-like behavior implemented solely in Javascript, HTML, and CSS
- Joshuaink is avoiding classitis: turorial on reducing the amount of classes in .css-files
- Language specific styling: quotation marks
- Layouts & Templates: A Different Liquid Layout by uwMike | Jello
- Layouts & Templates: XHTML/CSS - 3 column layouts - Netscape 4 compatible
- Layouts & Templates: Traditional CSS-based tableless layouts is an overview of traditional CSS-based tableless layouts, including pros and cons of each
- Layouts & Templates: CSS Page Layout Templates @ SSI-Developer.net
- Layouts & Templates: CSS Page Layouts: Samples
- Layouts & Templates: Nemesis Project: CSS table-less design templates
- Learning CSS: Where to Begin?
- Making a CSS-based layout start to finish @ design in-flight
- Making the Jump to tableless design: by Andy Budd @media2005
- Malarkey Image Replacement (MIR)
- Manipulating Definition Lists for Fun and Profit
- Mediascape's guides and tips are aimed at those who have little or no experience in the development process of producing a professional website.
- mezzoblue: css Zen Garden — Resource Guide
- Mobile CSS First Steps is a brief introduction to an increasingly important segment of the web browsing market.
- Muder's CSS Stylesheets Tutorial
- NiceForms is an another technique for presenting nice web forms, based on javascript, xhtml, and CSS.
- Sea Mus N Squirrel » CSS Play
- Quirks mode and strict mode
- Revised image replacement @ mezzoblue
- Scalable Inline Image Replacement - Inline Image Replacement Technique (siir)
- SilverOrange Labs
- Sortable Table Demos (WebFX)
- Ten more CSS tricks you may not know
- The CSS Cheat Sheet is designed to act as a reminder and reference sheet, listing all selectors (as of CSS 2.1) and properties. It includes a visual example of the box model, unit reference for CSS units and the various media types CSS makes allowance for.
- The Fade Anything Technique
- The ways to style visited links and a web professional's toolbox provided by Maratz.com
- Three Column Layouts @ css-discuss
- The CSS and XHTML Lab @ 456 Berea Street
- The CSS Playground
- The ThrashBox - Sliding Doors Box - Rounded Corner for All
- Thierry Image Placement: Image Placement vs. Image Replacement (FIR)
- Unordered List Rollover Gallery
- Using Background-Image to Replace Text
- Writing Efficient CSS
- yDSF - Robust CSS Drop Shadows a method of applying soft alpha-blended drop shadows that scale with the size of the box
- YourHTMLSource.com: Style sheet tutorials
- Zebra Tables and Better Zebra Tables
- Ausführliche Tutorials über CSS, "CSS für alle Browser" von Kristof Lipfert
- Bjoernsworld.de
- Cascading Stylesheets (pdf) - Cheat Sheet
- Cascade Style Sheet - mediaevent.de & css.fractatulum.net - Alles über CSS
- Cascade Style Sheet - Alles über CSS
- Cascading Style Sheets - ein Tutorial: die Kapiteleinteilung hält sich an das Buch von Eric A. Meyer: Cascading Style Sheets, The Definitive Guide, O'REILLY, 2004
- Code Compressor
- CSS für alle Browser: von Kristof Lipfert
- CSSHilfe // CSS Help; Wegweiser durch das CSS Web
- Css-Technik.de: Ressourcen, Skripte, Tutorials
- CSS, XHTML Templates: dynamic and fixed width, 3-columns-layout
- Der XHTML-Standard (pdf) - Cheat Sheet
- e=css2: Webdesign ohne Barrieren
- Höhe berechnen und Zusammenfallende Ränder : ..oder: das wundersame Schrumpfen von CSS Behältern!
- Jendryschik: Einführung in XHTML, CSS und Webdesign
- Sprachen im Umfeld des Internets (pdf) - Cheat Sheet
- Style-Sheets.de hat sich zum Ziel gesetzt, Webautoren, -designern und -entwicklern die Verwendung von Cascading Stylesheets zur visuellen Ausgestaltung von Webseiten näher zu bringen.
- Vorsprung durch Webstandards *
- XRay Standards
- CSS Design - russian alternative to CSS Vault (ru)
- Webmascon: Usability, CSS, Web design
- AListApart: Drop-Down Menus, Horizontal Style
- AListApart: Sliding Doors
- AListApart: Taming Lists
- Alsacreations, menus galleries in CSS and XHTML
- aPlus:: ADxMenu: 10 navigation menus
- BrainJar: CSS Tabs
- Bulletproof Slants
- cssbasednavigation
- CSSVault: CSS Resources » Navigation
- CSS Tab Designer is a freeware that lets you visually create css-based list / tabs. 45 different styles and colors are included
- Deluxe CSS Dropdowns and Flyouts
- Free Menu Designs V 1.1*
- Hybrid CSS Dropdowns
- Intelligent Menus - using some very simple PHP and CSS you can create intelligent menus that are easy to use and maintain
- Inverted Sliding Doors Tabs
- Javascript Menus. DeLuxe Menus
- List-o-Matic
- With Listamatic 1 and Listamatic 2 you can create CSS Menus by two mouse clicks.
- 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
- please-klickme.de is a German navigation menu gallery which contains 100 examples on navigation design
- gazingus.org - Using Lists for DHTML Menus
- Ultimate Drop Down Menu 4.42: List-based Semantic DHTML Menu
- Accessibility Valet Demonstrator
- Bobby Online Service
- Cynthia Says
- OCAWA Web Accessibility Expert
- Torquemada offers to website developers a complete methodology for accessibility analysis which uses a tool for page checking that makes it possible to quickly identify which parts of a page are in error and the HTML code corresponding to these parts.
- UI Site check - fill out only one form instead of dozens when checking a site. Site Check lists the test results provided by important validators and accessibility tools.
- WAVE 3.5 Accessibility Tool provides useful information about accessibility features and errors within your page. It is designed to facilitate the design process by adding icons to a version of your page. The icons represent structural, content, usability, or accessibility feature or problems within your content. You can easily see the exact location within your page where an error is present.
- Web-based Site Usability Checker
- WebXACT Quality & Accessibility Check is a free online service that lets you test single pages of web content for quality, accessibility, and privacy issues.
- Will the browser apply the rule(s)?
TAW - Test accessibilidad web
- Doctor HTML v6: checks the spelling, links, images, tables, html structure and standard appliance of your web-site. Besides, its formatter makes HTML code readable
- HTML Authoring Services are supposed to assist web authors who wish to make their information available to the largest audience. These tools provide alternate ways of viewing your pages, so that you can ensure that your content is received properly by all viewers.
- HTML Character Entities is a table with caracter entities for such symbols as €, ¶, √ etc. HTML 4.0 Entities, Latin-1, Greek & Symbols, Others, All Characters and the Unicode Character Table.
- HTML Help: CSS, HTML Checks
- HTML Tidy is a tool for checking and cleaning up HTML source files. It is especially useful for finding and correcting errors in deeply nested HTML, or for making grotesque code legible once more.
- Special Characters in HTML: ψ ω σ ♣ ♠ ‘ ’ etc.
- WDG HTML Validator
- CSS Centricle: Will the browser apply the rule(s)?
- CssCreator -> Page Layout: this generator will create a CSS layout that has fixed width left and/or right columns with a dynamic width center column, all the same height with header and footer
- CSS Formatter and Optimiser lets you select how readable or small you want your CSS to be.
- With CSS Multi-element Rollover Generator, you can create two distinct styles of rollover button, using CSS and just one image. The difference here is that you can optionally allow some background space above your image in which to place CSS- controlled rollover text.
- CSS Rounded Box Generator
- CSS Syntax Checker for BBEdit and TextWrangler
- Free CSS/HTML template roundup (found at lifehacker.com): Ruthsarian Layouts - 6 good-looking, free CSS page layout templates, complete with colors, headings, etc; Bluerobot Layout Reservoir - 2 and 3-column page skeleton CSS layouts; Glish CSS Layout techniques - Two, 3 and 4 column skeleton CSS layouts; The Layout-o-matic - enter page width, number of columns, and padding and it generates CSS and HTML skeleton layout; Little Boxes - various box layout CSS stylesheets; Open Source Web Design - various complete page templates free for use; Web Builders’ Toolkit - more links to template resources.
- Iconico Online CSS Scrollbar Color Changer
- korhoen typeviewer is a viewer which helps you to take a look at CSS typesetting and adjust it to a better readability
- List-u-Like is a CSS Menu-Generator: create cross-browser list-based navigation bars with ease
- Nifty Corners: rounded corners without images
- Online CSS Compressor cleans and compresses your CSS in a variety of ways, significantly optimizing and reducing its size at the expensive of readability.
- Round Corner Stone/Icon (rcsi) V1.0 - enhance the table with round corner stone!
- SelectOracle explains the structure of CSS- and HTML-documents. Enter semi-colon separated selectors or just paste in your existing rulesets into the "Direct Input" area, or provide the URL of a stylesheet or an HTML document with an embedded stylesheet in the "URL Input" area. English, Spanish, German and Bulgarian versions are available.
- Using Xylescope you can look forward to analysing complex CSS designs with incredible ease and experimenting with third-party sites, without having to download them onto your own computer first.
- W3C Core Styles
- 300 Images From 1800 Sites is arrows, posts, comments, mail, bullets, print, carts and bags
- .htaccess code generator - disable hotlinking
- .htaccess: Guide and Introduction
- Accessible Data Tables
- Alter Table Row Background Colors Using JavaScript
- A Simple Character Entity Chart: trackdown the ISO character entity and choose between the named and numeric value.
- 9 useful tools for web design
- Approximate Conversion from Points to Pixels
- 80x15 Brilliant Button Maker by LucaZappa.com.
- 80x15 Button Maker and Generator - Blog Flux
- 80x15 Buttons Gallery by Ggtmcknight
- BannerReport.com hosts a massive gallery of banner ads and will be of special interest to graphic designers, web developers and marketing professionals.
- Best Of Firefox Edition is a subjective, but a comprehensive overview of the best Firefox Extensions for web-developers
- Bookmarklets to User Scripts is a Greasemonkey script that lets you turn any bookmarklet into a Greasemonkey script.
- Browsercam - Check how your web-site looks in different browsers
- Browser Simulator shows how a web-page is interpreted by the older browsers
- BrowserShots is concerned with a favorite problem of web designers: websites look different in other browsers.
- Create compatible HTML email
- Cs2Aco Converter is a tool to convert a Color Schemer File (.cs) online to an Adobe Photoshop Color Pallete (.aco) (Dominic Lüchinger).
- Css Editors @ css-discuss is a list of css text editors, graphical web page generators and online editors you can use for CSS. Among them - BBEdit, Bluefish, CrimsonEditor, EditPlus, HTMLKiT, TextPad, UltraEdit, css-Maker, Web Developer Toobar and other editors.
- EffectsPack - Prototype/Effects based javascript effects is activeMenu, ActiveTab
- FaganFinder URLInfo is a tool for an extremely efficient handling web pages: numerous web-development-tools embedded in a single tool; URLInfo helps to find information about a web-site, link popularity, validate, translate it, find related pages etc.
- Favourite Javascripts for Designers: ExpandCollapse Script, Timer Layer, Style Switcher, Form Checker.
- Free Photoshop Website Templates
- Greasemonkey is a Firefox extension which lets you to add bits of DHTML ("user scripts") to any web page to change its behavior.
- GreaseMonkeyUserScripts: undispensable scripts for the everyday life in the Net.
- ieCapture v. 0.0.4 alpha creates screenshots of your web-page in different browsers (currently unavailable)
- Javascript Diff Algorithm: makes it easier to correct the text you've written earlier but which isn't actual any more.
- JavaScript Toolbox - Reusable Libraries And Objects: DHTML Tree, Calendar Popup, Validation & Date Functions, Sortable Table, Auto-Tab, Dynamic Option List
- Javascript DHTML Table Sort @ BrainJar.com
- Link checker & Link Valet: do you have any broken links?
- Load time check
- Polaroid-o-nizer: creates Polaroid style images from the uploaded images
- Screen size simulator
- Semantics extractor
- SimpleViewer v1.7 is a free, customizable Flash image viewing application.
- slayeroffice - web experiments gone horribly awry: Favelets, Web Based Dev Tools, DOM/Javascript, Javascript Functions etc.
- Sparkline Generator Web Application is a generator of small graphic charts which can be inserted within text on a page
- Textarea tools is a collection of tools for use with textareas (or input fields)
- The Amazing Rolloverer a tool for generating Javascript-free, accessible, flicker-free menubars.
- The Box Office 0.3: automates the time-consuming job where one would have to manually create transparant div's so that a certain piece of text would go around the contour of an object inside an image.
- Toys - dhtml and javascript libraries, demos and applications @ Cross-Browser.com
- TwoGun Code Creator generates HTML-Code for presenting video-clips on a web-page.
- Vischeck Colour Blindness simulator
- Web Apps Compendium v1.0 || kuro5hin.org is a short but comprehensive compilation of web apps; the list includes Search Engine Optimization Web Apps, Search Web Apps, RSS Web Apps, Content Generation Web Apps, Tagging / Bookmark Web Apps, HTML / Design Web Apps, News Web Apps, Misc. Web Apps
- Web Developer Extension for Mozilla and Firefox adds a menu and a toolbar to the browser with various web developer tools
- Web Page Analyzer is a free Website Performance Tool and Web Page Speed Analysis
- Web Page Backward Compatibility Viewer
- X Library, Demos & Applications features X - a cross-browser DHTML javascript library, and many demos, applications, articles and documentation.
- Barrierefinder: Test: Ist Ihre Webseite barrierefrei?
- Among numerous Webmaster-Resource Tools you can find following services: CSS Generator, DHTML Transition Effects, Video Link Generator, Javascript Messagebox-Generator, Javascript MouseoOver-Link Generator, Link-Checker, Punkt/Inch/Millimeter-Convertor, Loading-, Link-Popularity-, Submission-Checker, Meta-Tag Generator, Bannergenerator etc.
- Service for checking the links on your web-site / Service zum checken der Links
- Accesible DOM DropDown Menu
- cssQuery() is a powerful cross-browser JavaScript function that enables querying of a DOM document using CSS selectors
- DOM: Dockable Comments: Intelligent DOM Scripting
- DOM: Dom-Drag-Crop is a cropping and resizing tool. The basic idea behind Dom-Drag-Crop is to have the user supply an image, and then let the user easily select a portion of the image that will be cropped and scaled to the desired thumbnail size.
- DOM: Mouseover DOM Inspector: this favelet allows you to view the properties of any HTML element on a page simply by mousing over the element.
- DOM-Scripted Lists, Revisited
- DOMSlides: Yet another DOM/CSS based presentation slides system
- Drop-Down Menus, Horizontal Style @ nickrigby.com
- Dynamic thumbnails and preview images with DOM, CSS and PHP
- Gecko DOM Reference
- 100 Seriously Free Fonts @ dafont.com
- Desert Island Fonts: Round 1, Round 2, Round 3, Final Round
- fontleech is a constantly-growing index of the best free font sites on the web.
- Font Browser displays a listing of the fonts you have installed and provide a preview of them at different text sizes.
- Font guide for webmasters
- Fontsmack: sIFR, TrueType (sans-serif, serif) and PostScript fonts
- Font Type Navigator
- Identifont - Identify a font: answer a series of questions about the letter shapes to help narrow down the choices. Sometimes it works well, sometimes not as well. But definitely worth trying when you have a fairly good sample of characters to work with.
- Minifonts.com: Pixelfonts
- Monospace/Fixed Width Programmer's Fonts
- Pixelfonts: Style-Force Semplice Pixelfonts
- praegnanz.de - Free Professional Fonts: Freie Schriften im Portrait
- Search Free Fonts: over 7000 free fonts available for download
- Serif or Sans? is a "typerator" which helps to select a perfect font for your site.
- WhatTheFont?! helps you determine the font used in an image
- fontleech is a constantly-growing index of the best free font sites on the web.
- Font Browser displays a listing of the fonts you have installed and provide a preview of them at different text sizes.
- Font guide for webmasters
- Fontsmack: sIFR, TrueType (sans-serif, serif) and PostScript fonts
- Font Type Navigator
- Identifont - Identify a font: answer a series of questions about the letter shapes to help narrow down the choices. Sometimes it works well, sometimes not as well. But definitely worth trying when you have a fairly good sample of characters to work with.
- Minifonts.com: Pixelfonts
- Monospace/Fixed Width Programmer's Fonts
- Pixelfonts: Style-Force Semplice Pixelfonts
- Serif or Sans? is a "typerator" which helps to select a perfect font for your site.
- WhatTheFont?! helps you determine the font used in an image
- Ping-o-Matic!: pinging lets dozens of services know you've updated your site and increases traffic to your blog
- RSS Tutorial for Content Publishers and Webmasters, RSS Workshop, 15 things you can do with RSS: among them "Find out what people are saying about you, your company or your product online", "Get notified of bargains at Ebay" etc.
- RSS: NewsIsFree is a catalog of RSS feeds. Search the news from 20856 sources updated every 15 minutes.
- RSS Newsniche: an RSS-Tutorial includes RSS Publishing Tools, RSS Feed Directories, RSS Submission Tools, RSS Validators, RSS Publishers FAQ, RSS Subscribers FAQ, etc.
- All CSS Properties Listed Alphabetically
- Cascading Style Sheets - level 1 (CSS1)
- Cascading Style Sheets - level 2 (CSS2)
- Cascading Style Sheets, level 2 revision 1. CSS 2.1 Specification
- Cheat Sheet Roundup - Over 30 Cheatsheets for developers
- CSS Property Index
- CSS Reference a reference describing the interpreting of selectors, data types, pseudo-classes and -elements, color and background properties, font properties, @font-face properties, box properties, visual formatting properties etc. by different browsers
- Document Object Model (DOM) Level 1 Specification
- Document Object Model (DOM) Level 2 Specification
- Document Object Model (DOM) Level 3 Specification
- Gecko DOM Reference
- HTML 4.01 Specifications, Spanish Translation
- ISO-HTML Specification
- JavaScript Cheat Sheet @ ILoveJackDaniels.com
- JavaScript Core Guide 1.5 a reference manual for the core JavaScript language for version 1.5
- JavaScript Reference
- JavaScript @ Developer.mozilla.org
- Textile Reference
- 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, a free online reference to every aspect of cascading style sheets.
- ZVON.org - The Guide to the XML Galaxy: cheatsheets (XHTML, XSL, MathML) and XML / HTML References
- 9 Javascript(s) you better not miss!
- 10 Tips That Every PHP Newbie Should Know
- 10 Tips That Every PHP Newbie Should Know [ Part 2 ]
- 30 Things You Didn't Know You Could Do On The Internet
- 01b.com - binary news for contemporary life: update every 30 minutes, serving 1500 headlines, your daily information overkill
- amaztype: a typographic book search
- Anonycat Web Proxy: for free anonymous surfing
- ASCII Table
- Bullet Madness / a free bullets project at Stylegala
- Chami.Com Online tools: Online Image Splitter, Image Embellisher makes it easier to create special effects with a few clicks, FavIcon from Pics Generator,
Buddy Icon from Pics Generator
- CMSwire.com is a rapidly growing web magazine dedicated to all things content management.
- CMS: opensourceCMS.com has an overview of all Content Management Systems (CMS) with the demo-versions of installed systems
- CMS Matrix is a content management comparison tool.
- CompleteWhois: find a complete information about a web-server or a web-site
- Copyscape - was your web-page stolen? Find copies of your page on the Web
- DayPop - What are the hot topics in the weblogging community today?
- del.icio.us is a social bookmarks manager (SBM). It allows you to easily add sites you like to your personal collection of links, to categorize those sites with keywords, and to share your collection not only between your own browsers and machines, but also with others. Besides, spid.ero.us helps you discover the hot and fresh bookmarks from various SBM. Absolutely Del.icio.us - Complete Tool Collection
- Drunkey Love Icons an icon set consists of over 100 16x16 icons from categories Actions, Flags, Media & devices, Things, Weather
- E-Mail: Advanced Email Link Generator with Anti-Spam Encoder
- E-Mail: E-Mail Icon Generator for GMail, Hotmail, MSN, Yahoo!, AOL users and others
- E-Mail: Mask Email Image Generator: creates a JPG image of your email address
- Error Message Generator
- Favourite Favicons is the collection of the beautiful and easily recognizable favicons
- Feed Digest: mix, convert, and syndicate RSS and Atom feeds
- Finding information: search engines: Phil Bradley: Finding what you need with the best search engines
- FontEditor BitfontMaker
- Flickr: not your typical photo archive, Flickr is more of a repository of personal shots and individual home photo collections rather than a public repository for images to be shared and re-used. The Great Flickr Tools Collection
- Flickr Badge Maker
- freeware: xtort.net is a massive directory of freeware and complete freeware collection
- FreezePage: enables you to "freeze" pages from the Web so they can be recalled in their exact form at a later time or date.
- Free Icons: Icon Database (free) (de) and EggHeadCafe.com
- Iconico Online Email Protector
- GIFBot Image-Optimizer
- How to make your own annotated multimedia Google map
- Icons: Leo's Icon Archive is a collection of desktop icon sets of over 10,000 high quality icons in gif & ico format
- Jesse's Bookmarklets Site: Link Bookmarklets, Form Bookmarklets, Web-Dev-Bookmarklets, Validation, Search, Log Analysis, Tipping, Color, Keyword, Testing Brower Bookmarklets etc.
- LogoYes - Logotype Creator is a flash tool which enables you to create your own personalized logo with five mouse clicks.
- Multipost Bookmarklet Tool - Alan's Marklet Maker is a JavaScript bookmarklet tool which can submit websites to multiple tracking sites. Maybe you too want to be able to do a one click submit to send sites to places like Furl or del.icio.us at the same time. This tool allows you to select the ones you want and it will generate the bookmarklet tool for you.
MultiOS Browser Test helps you to test your Internet Browser for conformance of Web Standards. (de, en)
- Netcraft.com: what's Software is the server of your site running?
- Open Clip Art Library contains over 3400 vector clipart images, which are free to use
- PookMail.com is a disposable email account system. After 24 hours, the email associated with your login name will be cleaned from the system.
- Putting a Del.icio.us, Digg, technorati and Slashdot button into your blog is a how-to.
- Quick Online Tips: Smart tips, tools, tricks, news and facts, tools and services.
- RSS, Social Bookmarks And Free Foto Search: covers tools, resources and ideas related to RSS, social bookmarking and the finding of great, free images.
- RSS Mix enables you to mix any number of RSS feeds into one unique new feed
- Selenium: software for web applications, which performs Browser compatibility testing, System functional testing and covers a wide array of different platforms.
- Sloganizer.net - Image generator for your slogan
- Social Bookmarking Tool Comparison
- Social PDF Linking: Yummy! Personal PDF Library
- StuckDomains - you’re "stuck" on figuring out the perfect address for your web site? Search for expired or dropped web site domain names by keyword.
- TaskList.org: list of Windows Proccesses and Descriptions
- Technorati - Blog & Internet Search: What's happening on the Web right now
- Text Generators: Randomly generated typographic filler text (16 languages), Designer's Toolbox, Lipsum, Malevole.
- typoGenerator is a random generator for 'typoPosters'. a typoPoster is a poster, created from images and letters/text that doesn't have any sense, just to look good.
- URL Decoder/Encoder
- Web Badges / Buttons | ZwahlenDesign
- Web Development Bookmarklets let you see how a web page is coded without digging through the source, debug problems in web pages quickly, and experiment with CSS or JS without editing the actual page.
- AvatarPage.de
- Blogg.de - Blogverzeichnis
- Impressums-Assistent für Websites
- Minifonts.com: Pixelfonts
- txp resources ist ein Netzwerk Blog von und fur die TXP Community. txpMagazine in English
- Mail Decoder converts an unreadable text into the readable one (supported encoding: MAC, KOI, WIN, DOS, ISO, Translit, BASE64, Quoted-printable, UTF8, ASCII).
- Registry Convertion
- "Not Found" Is Not An Option: Error Handling and User Experience
- 10 Big Myths about copyright explained
- 100 Do's and Don'ts in Web Design
- 11 Ways to Improve Landing Pages
- Abbreviations, Acronyms, and Shortened Words an interesting outlook on and
- Abbreviations, acronyms and definitions @ Maxdesign
- Accessible HTML/XHTML Forms and other tutorials provided by Webstandards.org
- All about fonts for captioning and subtitling: screenfonts are important because, in captioning and subtitling, our instrument is typography
- Basics of search engine optimisation @ 456bereastreet
- Bring on the tables: something that often seems to confuse people that are new to CSS-based layouts is the use of tables. It's important to remember that tables are still perfectly fine to use - if used correctly.
- CSS3 Color Module
- Designline - A Design Timeline: ...I have often wondered what it would be like to see a web site design progress from start to finish, with each tweak and change being shown as it progresses—a design timeline, if you will...
- Developing With Web Standards: Recommendations and best practices by Roger Johansson.
- Eight things I wish I'd known when I started: Details a great designer maketh. There’s a point at which quality becomes too costly. Find that point with every project. Communicate, don’t decorate.
- Five Critical (and Overlooked) Design Elements
- How To Nail A Sexy Layout
- mezzoblue Markup Guide
- Seybold Seminars: why tables for layout is stupid: problems defined, solutions offered
- Steadfast Suggestions for Web Design
- On separating style and behaviour - The KuraFire Network
- Open Source Web Development Tutorials
- Paul Graham. Taste for Makers: Good design is simple, timeless, solves the right problem, is suggestive, often slightly funny and looks easy.
- Rapid Web Development and Testing with Mozilla Firefox
- Site Design Tips to Improve Your Sales
- Standards and Accessibility - navigation lists : Do Standards- based menus help accessibility?
- Successful Web Development Methodologies [Site Planning]
- Ten CSS tricks you might not know
- The Principles of (Web) Design @ DigitalWeb
- The Web Standards Project
- The Well-Designed Weblogs series is a subjective and non-scientific selection of usable and readable weblogs. Look. Read. Be inspired.
- TripleColors: Guide to Official HTML Color Codes
- Transparent custom corners and borders @ 456bereastreet.com
- UI Patterns and Techniques are intended to be read by people who have some knowledge of UI design concepts and terminology: dialogs, selection, combo boxes, navigation bars, whitespace, branding, and so on. Some common techniques are described here to encourage their use in other contexts - for instance, desktop apps could make better use of Toplevel Navigation - or to discuss them alongside alternative solutions.
- Unwritten Internet Rules
- Using Color and Type Effectively
- W3Schools Online Web Tutorials: HTML Tutorial, XML Tutorials, Browser Scripting, Server Scripting, .NET (dotnet), Web Building
- Web Application Form Design: "...input elements should be organized in logical groups so that your brain can process the form layout in chunks of related fields."
- Web Design from Scratch is a free online course with many tutorials for everyone interested in creating effective web pages.
- Web Design Practices is a site devoted to helping designers understand what design practices are currently in use on the Web—and aims to gather research about the usability of commonly-employed design practices.
- Web Development is a resource for Web content developers. In these pages, a process-oriented methodology for creating World Wide Web-based hypermedia works is presented.
- Web development mistakes, redux @ 456 Berea Street
- Web standards project
- Web Style Guide, 2nd edition
- Website content & usability
- What is information architecture?
- What is in a name?: learn how to call containers, divs etc. in order to make the source code readable and transparent
- What Is Line Height?
- Writing for the Web - What is important?: some articles and links to useful sites for people trying to learn what works as text on a computer screen.
- Writing for Web: Fifty Tools which can help you in Writing
- Float: Die Theorie: eine ausführliche Beschreibung des Begriffs "Float" und dessen Anwendung in CSS
- Jendryschik: Einführung in XHTML, CSS und Webdesign
- Markup Weblog: Sinnhafte Websites: 1. Überschriften, 2. Textabsätze, 3. Listen, 4. Tabellen
- The Advantages of Web-Standards; Die Vorteile von Web-Standards ist ein ausführliche Artikel über die Web-Standards und Ihre Vorteile für die Besucher, Kunden und Webdesigner; übersetzt von Stefan Walter
- Toms Stichpunkte rund ums Web: CSS Tips & Tricks
- Webdesign mit Webstandards von Roger Johansson, übersetzt von Andreas Kalt.
- Favorite Fonts of 2004
- Five simple steps to better typography by Mark Boulton
- The Next Big Thing in Online Type
- The non-typographer’s guide to practical typeface selection
- Thinking With Type: theory + practice, how + why: a new approach to typographic education.
- Typolinks - essential links related to typography
- Typography Resources @ Simplebits
- Typographie für Webautoren - written by Christoph Paper
- Mezzoblue: Colour Schemes: A look at different methods of choosing colors from a design perspective.
- Boxes and Arrows: Natural Selections: An article on selecting colors from nature, with photographic examples.
- Web Page Design for Designer: Colour: Another look at color and selecting colors from nature.
- moreCrayons - Web-Smart Palette: Introduces a 4096-color palette that degrades well on older browsers as an alternative to the antiquated 216-color palette.
- 16 Lessons in Color Theory
- Adam Polselli: 2004 & 2005 Color Forecast, a series that includes a wide range of design guides that include everything you need to help jump-start your new design project.
- An Introduction to Using Patterns
- Causes of Colors - Why are things colored? is another interesting tutorial related to color theory.
- Color, Contrast & Dimension in News Design
- Color Information in Yahoo! directory.
- Color In Motion is an animated and interactive experience of color communication and color symbolism
- ColorShade helps you create professional matching color schemes for your project. With just a few clicks you will have an attractive, harmonious color scheme. Other features include web preview, scrollbar preview, vector image preview and palette creator (Shareware)
- Color Theory and Color Charts provided by About.com.
- Color Theory: A brief tutorial: brief, illumintaing, well explained.
- Color Theory Articles provided by Devx.com
- Color Theory Overview & Tutorial: Color, Creativity, Code
- Color | XPLANE: color resources, collected by xplane.com.
- Colour Harmony: Secrets of Web Color Revealed
- Colour Symbolism
- Colour Theory
- Colours on the web - color theory and color matching
- Design Psychology on Stylegala
- handprint : color is a comprehensive tutorial about color vision, color in the world, colormaking attributes, color psychology, additive & subtractive color mixing, color models, color wheels etc.
- Lesson in color: the theory of colors, hue, saturation, the adjacent effect, harmony and color mixing
- 100 Random Colors - Need a Color? is primarily a random color generator that's intended to help designers to get out of the "creative block"
- Defence Mechanism > Color Toy is a free online tool designed to simplify the nightmare of color scheme selection. It looks complex, but after a few minutes you won't be able to live without it.
- Color Palette Generator: enter the URL of an image to get a color palette that matches the image. This is useful for coming up with a website color palette that matches a key image a client wants to work with.
- With the Sessions.edu Color Calculator you can identify color harmonies faster than with any color wheel or chart. Use it to select a color scheme for a corporate identity or design project. Rotate shapes on the color wheel to identify harmonious color schemes. Adjust saturation and lightness. Save RGB, CMYK, or HTML color values, then send them to a colleague or client.
- Color Vision: 1 in 12 people have some sort of color deficiency. When you're designing for the web, this means that 1 in 12 people might not be able to see your site. That's alot of people. This tool helps you simulate the appearance of our site's colors for people with different color visions.
- ColorWrite 1.1 is a free color chooser with an integrated CSS/HTML code generator. It allows you to define colors using RGB, HSV, CMY and CMYK, makes using web safe colors easy and now, with Version 1.1, ColorWrite takes the guess work out of combining colors. ColorWrite runs on Macs (OS X), Linux, Solaris and Windows systems.
- Easy RGB has a unique set of color tools such as
Color Matching (Match your computer generated RGB values to color cards, paint lines, inks, fandecks and more...
Find an industrial standard match for your computer colors. Transform "virtual" colors in "real world" references.),
Color Harmonies (Search for colors complements to your RGB values. Create color harmonies, combinations and themes. From your main (or background) color select trim and accents tones.), Search a Tint (Search popular color collections for specific color codes or names. Once selected the desired color, find the closest match in competitors' fandecks and color cards, create harmonies or get chromatic data.), Color Calculator (Convert color data to different color spaces. RGB to CIEL*ab, CMY to XYZ and much more. Looking for color math or space conversion formulas?)
- Colour Contrast Check
- Color converter (RGB/CMYK/HSV)
- 4096 Color Wheel
- Eye Dropper Color Mixer is a freeware, desktop colour-grabbing utility, which picks the colour value from any pixel of the screen (RGB, HEX or CMYK).
- Jafar.com: Advanced Color Selector is a color selection tool that allows you to change both the colors and font characteristics and preview them before using.
- Chromatic Wheel: 12 color chromatic wheel similar to the theoretical chromatic circle. Find and simulate the harmony of your web interface.
- ColorBlender.com | Your free online color matching toolbox: calculates a 6-color matching palette (a "blend") automatically
- Color Mixers create mixed swatches of background color for your pages.
- Color Palette v1.2 and Color Palette Creator: just like Color Blender these tools
produce shades of your color, mixed first with white and then with black.
- Color Palette Generator generates a color palette based on an uploaded image.
- Color schemer Online v.2
- ColorLab is a tool for choosing a color composition - also available as a plug-in for Adobe Photoshop, Gimp, Fireworks, Flash, Golive, Painter, PaintShop Pro, Homesite, Illustrator, ImageReady etc.
- Colormix is a useful tool for creating a perfect color compositon or readable and accessible web design.
- Color synthAxis is a free online tool designed to simplify the nightmare of color scheme selection. It looks complex, but after a few minutes you won't be able to live without it.
- ColorWhore is a directory of nice colors
- Colour Contrast Analyser
- ColourMod :: DHTML Color Picker/Selector
- Colour exploration tools and a colour resources list: check readbility when any colour is used with black and white in four foreground and background combinations; explore colours near a specific colour, where you get to define what 'near' means; mix varying amounts of all combinations of red, green and blue with a specific colour; finely-tune your colour choice by hue, saturation or lightness, or make instant sets of co-ordinated colours; Colour schemes and palette layouts.
- Colour Scheme Chooser
- Conversion from Pantone to RGB and Hex HTML: Metallic Colours, Pastel Colours, 2x Colours, Skin Tones
- Design and Colour Utilities: CSS Border Test, Colourway, Colourband, Colourband Text, Colour Increments, Internet Explorer Scrollbars, RGB Converter, DOCTYPEs
- efg's Palettes and Colors Lab Reports
- How To Select Perfectly Matching Color Combinations: an Overview
- Image photo editor online: Resize, change dimensions, scale, crop, add text, optimize, color correction, adjust brightness, contrast, grayscale, rotate, flip, mirror, add clipart, and set transparency online with no image editing software to download or install
- Infohound Color Schemer: click around within the shaded box to set the saturation and brightness, or within the rainbow to set the hue. Matching colors will be automatically chosen
- Kolur.com Color Inspiration is a simple way to browse color palettes. Designs displayed in the gallery go beyond the generic 3 colored dots, and attempt to portray the possibilities in palettes.
- Patterns in Interaction Design is an exhaustive design-resource with numerous examples, descriptions and useful references; Web Design patterns, GUI Design Patterns, Visual design etc.
- RedAlt v1.0 - there is a form at the bottom of this page that lets you choose any URL you want to extract colors from. The colors you see are from the site that referred you to this page.
- The Man In Blue | Technicolor
- This or this generator of color schemes and palettes helps to create good-looking and well balanced and harmonic web pages.
- Triadic Color Harmony by Inherent.com
- Triplecode Munsell Palette is another color-harmony-palette-tool which is based on how people perceive colors. At its core is a set of data from perceptual studies; the result is a data set which defines a perceptually uniform color space.
- Unsafe Colormatch enables you to create 24-bit color schemes online - beyond the so-called safe palette. (IE 5.5 or higher)
- Web Color Theory helps to select a matching palette and determine a matching color arrangement for your website.
- Web Color Visualizer makes it easier than ever to select the color of the font and the background color.
- Web Safe Colours Table and Diagram with rgb and hex values
- A unique catalog of color-tools-bookmarks certainly completes the incomplete list of color tools presented on this page.
- ColorMatch 5K German edition is an optimized german version of ColorMatch 5K
- CSS Color Chart contains a neutral colors chart and a general-purpose color chart
- ColorCombos & Web Color Gallery: Combo Tester and Web Color Gallery allow web developers to see how different color combinations work together on the screen.
- color combinations is a list of harmonic colors, which includes over 200 entries.
- ColorMatch 5K helps to select a matching 6-color palette for your website.
- COLOURlovers is a place to view, rate and review some lovely colours & palettes. the idea is to create a place of color inspiration where a designer of any sort can see new and lovely colours... find out what colors are hot, what work well in other uses... and simply make some love with colour..
- Colr.org - "a site for playing with colors" contains 19655 colors and 6387 schemes.
- Color Shades: Colors and Lighter Hexadecimal Codes and Swatches
- Netcocktail :: Get Color
- Return of Design - Web Color Schemes: beautiful, harmonic web color schemes provided by Forty Media Corporation
- Patterns: pattern4u, Kaliber10000 | Patterns, Squidfingers | Patterns, Pattern-Bomb, The Inspiration Gallery.
- 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 Your Life and choose from nine, beautiful in-season palettes
- A List Apart: Web magazine for people who make websites. Fresh every Friday.
- Boxes and Arrows: The design behind the design
- Brain Bliss offers an impressive selection of free web design articles related to topics Multimedia, Marketing, Advertising, Writing, E-Commerce, Promotion, SEO, Affiliate etc.
- Boxes and Arrows: The design behind the design
- Brain Bliss offers an impressive selection of free web design articles related to topics Multimedia, Marketing, Advertising, Writing, E-Commerce, Promotion, SEO, Affiliate etc.
- DesignInFlight
- Dexigner Design Portal: Design News and Competitions
- Digital Web Magazine
- Graphics.com: The shared resource for creative design
- Layers Magazine: Design, Photography and Video. The How-To Magazine for Everything Adobe
- Poynter Online - Design / Graphics: a coloumn in the Poynteronline which features articles about design and graphics - particularly, for those involved in journalism.
- Web Developer's Journal
- AboutWebDesign.de is an online magazine for Webmasters and Webdevelopers / unter anderem sind auf der Seite Artikel mit dem Schwerpunkt auf Design-Theorie, Design-Praxis, Promotion, HTML/XML-Praxis, Projekt-Management und Webmaster-Praxis zu finden.
- WebInteger.net is an online magazine for Webmasters and Webdevelopers / Online-Magazin für Webmaster und Webentwickler
- Web design-Magazin "Guppi"
- AboutWebDesign.de is an online magazine for Webmasters and Webdevelopers / unter anderem sind auf der Seite Artikel mit dem Schwerpunkt auf Design-Theorie, Design-Praxis, Promotion, HTML/XML-Praxis, Projekt-Management und Webmaster-Praxis zu finden.
- WebInteger.net is an online magazine for Webmasters and Webdevelopers / Online-Magazin für Webmaster und Webentwickler
- Web design-Magazin "Guppi"
- An enormous list of web-sites which provide royalty free photos
- DesignPacks.com offers royalty free, high quality image collections
- PictureQuest is a database of Royalty Free and Rights Protected Images Online - over 300,000 images.
- Pixel Perfect Digital: download free images, textures, backgrounds, illustrations, digital art and stock photos. 3,164 Files in 112 Categories, with 365,477 Views and 143,366 Downloads
- Pixsy - photos and videos from blogs and social networks
- StockVault contains a lot of exclusive free stock images
- stock.xchng
- Truly Free Stock
- Yotophoto is a search engine for free-use stock photographs,
which indexes over 70,000 free images.
- WallpaperStock: royalty-free quality desktop wallpapers
- Where To Find Great Free Photographs And Visuals For Your Own Online Articles is a great article, describing web-sites which provide royalty free photos.
- AboutPixel.de is a large database of royalty free images with many categories and abstract photos.
- A thread in a german-speaking forum with a constantly actualized list of royalty free photos
- PhotoCase.de is a German database of royalty free images which enables 3 free downloads a day; creative and easy to find.
- 9x13.de is a small database of royalty free images. Good quality and creative images.
- AJAX - Devmo @ Mozilla.org
- Ajax: A New Approach to Web Applications
- AJAX: Usable Interactivity with Remote Scripting [JavaScript & DHTML Tutorials]
- Ajaxariffic Autocomplete with Scriptaculous
- AjaxPatterns.Org is an in-progress collection of AJAX patterns being collected and discovered by Michael Mahemoff
- AjaxAC - Open-source PHP framework for creating AJAX / JavaScript applications
- AJAX Login System Demo: creating a secure login system using XMLHttpRequest
- ajax instant messanger
- Ajax Mistakes a list of the many mistakes developers using Ajax often make
- Ajax Multiple Text Applicator 0.1: provides an automated, accessible, degradable method for both users and developers to manage lists in web applications.
- Ajax on Rails: by ONLamp.com
- Ajax Toolbox: tools for Ajax, XMLHttpRequest, Remote Scripting Developers
- Ajax Working Examples & XMLHttpRequest: code snippets and proof of concepts - the links should help get you started on building your own functions with XMLHttpRequest.
- Ajax Resources: There and Back Again: a catalog of references such as libraries related to AJAX, Open Source Projects using AJAX, tutorials, articles, blogs etc.
- Basic AJAX Examples: Track Changes, Drop Downs & Form Handling, Get Customers By State (Parse Plain Text), Get Customers By State (Parses XML), Google Suggest Hack, Activity Log.
- Behaviour is the missing link for your ajax apps: using CSS selectors to apply Javascript functionality
- Dynamic Ajax Tables
- How to Develop Web Applications with Ajax @ WebReference.com
- Prototype JavaScript Framework: featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice for Web 2.0 developers everywhere.
- Rico - Demos: Javascript + Ajax for Rich Internet Applications is ajax Demos, Drag & Drop Demos, Cinematic Demos, Behaviour Demos
- State of Ajax: Progress, Challenges, and Implications for SOAs
- The AJAX Tag Library is a set of JSP tags that simplify the use of Asynchronous JavaScript and XML (AJAX) technology in JavaServer Pages
- Top 10 Ajax Applications: Kiko, Backbase’s RSS Reader, Backpack, Writely, Amazon Zuggest, TimeTracket etc.
- What is Ajax?: an overview
- Access Matters: Seeking Best Practices. Useful articles about accessibility
- All You Need For Accessibility - Tutorials, Tools, Books, Validators, etc: part 1, part 2
- Colorblind Barrier Free: how to make figures and presentations that are friendly to color blind people
- Creating Passionate Users: Featuritis vs. the Happy User Peak: focuses on how to get users to become passionate about the interface rather that loose them with over whelming functionalities.
- Ergonomic Guidelines for Interface Design
- Web Articles from "Eye for information"
- Eyetools Research Blog: reports on user's attitudes while browsing the web-page
- Eyetrack III - What You Most Need to Know: a research which tries to answer the questions many web-developers yearned to get the answers for for many years.
- Dan Tobias' Web Tips
- IBM developerWorks Newsletter
(with Usability-Column) - Influence of Training and Exposure on the Usage of Breadcrumb Navigation
- internet accessibility: W3C Italian Document Translations and Accessibility Tutorials; //gizax studios
- Microsoft Usability Homepage
- Navigation blindness: How to deal with the fact that people tend to ignore navigation tool and The Interaction Designer's Coffee Break
- Siteusability.com - Improving the Web Experience
- Skills for Access: provides you with a comprehensive resource on issues relating to multimedia, e-learning and accessibility
- Table of required size limits for various connection speeds
- The Interaction Designer's Coffee Break is a web-magazine on usability and accessibility
- Web Authoring and Surfing
- U.S. Department of Health and Human Services: Usability: includes many tutorials related to designing usable and accessible Web sites and user interfaces
- UITest.com: User Interface Test Resources List includes dozens of sites about Accessibility, Legislation, Linking, SEO, Validity etc.
- usabilityfirst.com
- usablenet.com Usability Test Profile
- Usability Views - 9,890 articles about usability, accessibility, IA, HCI and web design
- useit.com: Jakob Nielsen's Website
- User Interface Design & Usability Testing contains a lot of links, articles and references to the User Interface Design, HCI Usability Testing, Website Design and Computing
- webusability - accessibility & usability services: provides excellent referenced standards on usability
- Web Accessibility Links: 360 links to accessibility, readability and web usability // über 360 Links zu Barrierfreie Websites, Web Accessibility und Web Usability. // Martin Stehle
- Web Accessibility Toolbar: was developed to aid manual examination of web pages for a variety of aspects of accessibility. Following functions are included: - identify components of a web page; - facilitate the use of 3rd party online applications; - simulate user experiences; - provide links to references and additional resources
- What is Web Accessibility?
- Why accessibility? by Robert Nyman
- Basics of Typography in the Web / Grundlagen zur Typographie im Web
- Best Viewed With // Seiten über gutes Webdesign, Usability (Benutzbarkeit) und Accessibility (Zugänglichkeit) mit HTML und CSS.
- EinfachfürAlle // Usability, Accessibility, tagesfrische News rund um das Thema Barrierefreiheit.
- usability tools & webworkers new
- USABILITY FORUM - Informationen zu Software Ergonomie und Human Computer Interaction
- Usability Inside
- Web Styleguide.de
- Website-Usability Mailingliste
(de) Deutschsprachiges Usability-Forum (Schwerpunkt Website-Usability) - Use-des Mailingliste
(de) Behandelt alle Aspekte von Usability, Ergonomie, Accessibility und Accessibility von Internet-Seiten und Web-Anwendungen. - art-of-web-usability.de Eine Einführung in die Web Site Usability anhand von vielen Beispielen
- Artikel zur Web- & Content Usability von Scoreberlin
- Warum jeder zweite Kunde beim Online-Shopping abbricht
- Warum Webseiten nicht länger als 8 Sekunden laden sollten
- Info zum Cube test
- usability-competence.de Berichte und Artikel von eResult
- Interview mit Jared Spool: Welchen Content suchen Web-surfer
- newsletterberater.de
- So schreibt man einen Usability-Report
- Zehn gute Gründe für Usability
- B2
- BigBlogTool
- Blark
- Blogdrive
- Blogger
- Blogger Templates : is a template for my blog: here you can find original skins to personalize your own weblog
- BloggerPro
- Blogosaurus
- Blogspot
- BOP
- FusionPHP
- Flickr
- Flickr: The Great Flickr Tools Collection
- Geeklog
- Greymatter
- Eastgate Tinderbox
- Movable Type
- pMachine
- Textpattern and Textpattern Resources
- TypePad
- WordPress
- WordPress Bookmarks
- Blogging tools overview
- Google Directory: Weblogs & Weblogs Tools
- BlogBuddy is a Win-app that manages weblogs which implement the Blogger API.
- Blogdex: The Weblog Diffusion Index
- Bloghop has a ranking system which helps readers find good blogs.
- Blogkomm integrates the reader's comments into your blog
- Blogshares is a blog stock game, where blog value is based on hits and links
- BlogRolling is a one-stop linklist manager for your blog or journal
- pMachine How-to
- Pheedo creates tools that enable you to promote, analyze, and optimize your blog.
- MT Plugin Directory
- Movable Type Style Generator
- Bloglet offers an email subscription service for your blog
- Myelin: Blogging EcoSystem
- A Model for Customer Support Using Blogs
- blo.gs lets you keep an eye on your favorite weblogs via the web and email
- Blog Tips - ProBlogger: Helping Bloggers Earn Money
- BloggingPro.com: news, plugins and themes for blogs-aps
- Blog Software Breakdown displays attributes of different user-installed blog software packages side-by-side for comparison
- Blogging for Dollars: describes the way of understanding the advantages and functionality of Google AdSense and how to use Google AdSense in a more efficient way
- FeedMap = Blogs + Maps
- CorporateBlogging.Info - Business Blogging Basics
- DayPop - The hot topics in the weblogging community
- Free Essential Tools for Blogger @ Quick Online Tips: Feedburner, Haloscan, Imageshack, Technorati, Bloglet, AudioBlogger, My Blog Let etc.
- Technorati - Blog & Internet Search
- Blogg.de - German Blog Catalog
- The Well-Designed Weblogs series is a subjective and non-scientific selection of usable and readable weblogs
- Blogwise - a directory of blogs, grouped by keyword and country
- Google Adsense Optimizer: lets you analize what is the best color combination for your adsense code
- Google Adsenselogger, Open Source PHP Adsense Tracker: open source php adsense tracker
- Google AdSense Optimization Webinar: top tips from Google Adsense staff to help you make more money.
- Popdex: The Website Popularity Index
- Weblogs Compendium - Blog Hosting, Blog Tools, Directories, Templates etc
- WeblogsToolsCollection.com
- Bid Start Scripting Services - custom freelance programming and design work
- Must-see resources for Graphics Designers, Web Designers (Flash, Logo Designers, Photoshop, CorelDraw etc), Web Developers (PHP, MySQL, SQL, ASP, JAVA, Perl, CGI, JSP, ColdFusion etc), Freelancers, Data Entery Operators.
- Freelance-Help.com periodically reviews best freelance sites on the Net and has a useful overview over the outsourcing jobs for programmers.
- Josh Kaufman: Inside My Bald Head: a list of "social" articles about Productivity, Entrepreneurism, Operations Management, Corporate Strategy, Marketing, Self-Mastery, The Human Mind etc.
- Scriptlance.com - is a database of current freelance projects (over 100 new projects posted every day), custom freelance programming, web designers and job listings.
- simplyhired is a search engine which is being built to the largest online database of jobs on the planet
- Steps to Becoming a Freelance Web Developer: learn how to start and where get the inspiration to go on, becoming a freelance web developer
- The Ten Commandments of Freelancing
- Top Tips For Freelancers
- Google Search Engine Crawler
- ExactSeek Search Engine Crawler
- Feed Shark: submits your RSS feed to 21 RSS Directories for free.
- Search AllinOne MetaSearch!: combining the power of all the worlds best search engines into one.
- Yahoo Search Engine Crawler = Yahoo + Altavista + All The Web
- Search engines (general search): Search AllinOne MetaSearch!: combining the power of all the worlds best search engines into one, AltaVista, AllTheWeb, Gigablast, Google, HotBot, Lycos, MSN, Teoma, WISEnut
- Searchengine Channel: Search engine optimization articles, SEO tutorials, website promotion tips & strategies
- Top Directories with free web site submission
- Web directories: Best of the Web!, WebSavvy, About, GoGuides, ODP, Yahoo!
- An impressive list of link submission directories
- @-web - Suchmaschinen aktuell: an overview of German, European and international search engines, search engines news etc.
- Abacho.de Search Engine Crawler
- rankingCheck: die wichtigsten Kataloge: die wichtigsten Webkataloge ohne Re-direct, mit PageRank 5 und höher, sortiert nach PageRank.
- SuchFibel.de - 2700 search engines; fast 2700 Suchmaschinen übersichtlich sortiert und nach Stichwörtern durchsuchbar
- SuchLexikon.de is a catalog of German search engines; ein durchsuchbares Verzeichnis spezieller deutschsprachiger Suchmaschinen, Kataloge, Verzeichnisse und Linksammlungen.
- 99 Free SEO Tools
- DevToolz - Google Pagerank Lookup, Link Popularity Checker, WhoIs Lookup.
Alternative: RIPE Whois Database. - Dogpile: Search Comparison Tool
- icon interactive Link Popularity Tool is an all in one tool to check the number of pages that link to you in AlltheWeb, AltaVista, Google, HotBot, MSN Search, and Yahoo!, as well as check for your site's presence in DMOZ and Zeal.
- Google's PageRank - Calculator, Google PageRank Calculator (Alternative)
- Keyword Density Analyzer
- Marketleap Search Engine Marketing Tools and Search Engine Keyword Position Analyzer: Link Popularity Check, Search Engine Saturation, Keyword Verification - professional tools for checking the ranking of your site and its position in search engines.
- NicheBot - Keyword Database (Wordtracker keywords): NicheBot.com combines the Overture keyword selector tool with tools for Keyword Analysis, Keyword Thesaurus, Keyword Lateralus (for lateral thinking ideas for keywords) and even a tool to check keywords and site rankings according to Google. (via www.yellow-llama.com/blog/)
- Overture Keyword Selector Tool
- Page Rank Checker
- Page Rank Update List History - PageRank - PR
- Poodle Predictor - see your site like Google does. Simulate search engines and predict your Google listings
- SearchBliss: Link Popularity Check, SE Saturation-Index Check, Keyword Verification Check, Meta Tags Optimization, SEO - Optimization Articles, Unbranded SEO Tools
- Search Engine Optimization (SEO): SEO Chat, SEO Scanner - Pros' SEO Tool & The Pages Indexed, Backlinks Domain, Pagerank, Allinanchor, Keyword Density - (registration needed) Search Engine Optimization Tools & Resources. The internet's most popular and powerful suite of SEO Tools. Link Popularity, Meta Tag Generator, Domain Typos - find common misspellings of domains, Keyword Density - determine a URL's keyword densities, Google Keywords - find relevant & popular search-terms, Overture Keywords - Query Overture's database of searches, PageRank Search - Search with PageRank supplemented results, PageRank Lookup - Check PageRank of multiple URLs, Future Pagerank - Check PR across Google's data-centers, Site Link Analyzer - Analyze outbound links & anchor text, Meta Analyzer - Analyze a website's META tags, Keyword Optimizer - Remove duplicates & sort keyword lists alphabetically.
- SEO Tool for Yahoo Search Engine - Free online SEO tool to check the position of your website in the search engine of Yahoo™.
- SiteOMetrics: Link Popularity, SE Saturation, Keyword Position / SERP, Google PageRank, Bulk Google PageRank, Google PageRank: Indexed Pages, Alexa Rank, Bulk Alexa Rank
- Spider emulator
- This is how a search engine robot sees your web-site
- Yahoo! & Google Search Comparison
- Database of Web Robots, Overview
- Google Ranking Factors alleged positive and negative on- & off-Page SEO Google Ranking Factors in an overview
- How to Find a Great Domain Name
- Searchengine Watch - the source for search engine marketing and a magnificent reference on search engines.
- Search Engine Optimization Forum
- Search Engines Overview
- Search Engine Visibility - Do You Measure Up?, Common SEO Mistakes and other articles provided by AllStar Webmarketing Blog
- Tools You Might Have Missed is a collection of useful research tools, which use Google API and Yahoo API.
- The Anatomy of a Large-Scale Hypertextual Web Search Engine - this is how Google works
- What People Search For - Most Popular Keywords.
- Why Blogs Rank High In Search Engines
- Kostenloser Suchmaschinen-Marketing-Kurs
- Keyword Database - Keyword-Datenbank
- Suchmaschinen Tutorial
- Suchmaschinenoptimierung Grundlagen, SEO-Artikel: Artikel über die Linkpopularität, SEO, Suchmaschinenmarketing, Suchmaschineneintrag, Suchmaschinenoptimierung und Keywordrecherche.
- Great Site Ranking in Google The Secrets Out: Google have recently filed a US patent which reveals a great deal of how they rank your web site. Some of it you could never of guessed at...
- How To Get Slashdotted is an article which describes the methods of driving traffic to your site
- Accidental Fire <> Web Designer's Toolbox
- bobbyvandersluis.com: a personal collection of bookmarked links of resources and articles about Web design and Web production (Flash, CSS, SEO, Accessibility, Blogging Tools etc.)
- CSS Help Pile Directory: Scribble View is a directory of every CSS Help Pile post, displayed as if it were a scribble page
- design.Principles » Resources
- Design Directory | made by designers for designers: made by designers for professionals, who are involved in different spheres of design
- drx: webdirectory is a Douglas W. Clifton's web-project which aims "to blur the distinction between the programmer 'camp' and Web design..."
- DevDirect: tools and components for software developers
- EchoEcho.Com: JavaScript, HTML, CSS tutorials and references.
- HOWdesign.com: Links to Graphic Design Firms, Design Resources, and more
- Internet and webmaster tools is a one-page directory of around 350 tools for web development and related tasks. Some of these tools are useful for almost every webmaster, others require some background knowledge or specialist skills (clsc.net tools, Browsers, Security, Email, and Newsgroups, Search Engine and SEO Tools, HTML, CSS, XML, RDF, RSS, SOAP, Domains, DNS, Servers, URLs, Operating Systems and Software, Hardware).
- Kayodeok's Resources For Web Design
- Komielan.com
- PiepMatzel.de // Web-design and web-development blogs in an overview; collecting best practice web standards design examples.
- Resources // Greg Froh contains a list of resources related to programming, systems administration, web design etc
- Roderick Howard's Directory: Your one stop resource for css links, articles, tutorials, examples, tips, layouts, hacks, books, and web standards
- shannonsorensen.com / links is a comprehensive, well-organized list of web-dev-resources, compiled by Shannon Sorensen
- Static.bryanbell.com's List
- Sitepoint's CSS Resources, Tutorials, Tips and Tricks
- The Entrepreneur's Library is a directory of over 600 hand-selected resources which was created to help the entrepreneurs to build and run their venture.
- theFixor's website development resources
- The Designers Network: Designers Forum, Designer Directory & Design Community
- The Unofficial Web Applications List
- This list of bookmarks will lead you down the yellow brick road of standards-based web design.
- UITest.com Tools is a comprehensive list of useful browsers, generators, optimizers, SEO- & Web-Dev-tools.
- xBlog: Design Links, bBlog | Business links
- WebsiteTips.com: includes over 2,400 concise, categorized, annotated resources devoted to information and Web site resources.
- Web Apps Compendium v1.0 || kuro5hin.org is a short but comprehensive compilation of web apps; the list includes Search Engine Optimization Web Apps, Search Web Apps, RSS Web Apps, Content Generation Web Apps, Tagging / Bookmark Web Apps, HTML / Design Web Apps, News Web Apps, Misc. Web Apps
- Web Design Reference Guide: Web Design Reference Guide, Articles and sample chapters, Books and e-books, Online resources
- Web Design References - a magnificent overview on the topic of web design.
- Webweaver's List
- wg:Resources
- DesignLinks.org: Designlinks - German Link Ressource; das deutsche Design & Web design Verzeichnis.
- DesignSociety.de - For your visual entertainment (registration required)
- Meine-Erste-Homepage.com: eine hilfreiche Linksammlung mit Anleitungen für Einsteiger, jeder Menge Zubehör und einem Hilfe-Forum.
- SELFHTML-Linkverzeichnis
- User-Archiv: Webmaster (Webseitenerstellung): Tutorials, Einführungen, Kurse, FAQs, Bugsammlungen, Diskussionsforen, Referenzen, Portale, Onlinetools zum Thema Webseitenerstellung (HTML, CSS, PHP, Perl, Javascript usw.)
- webdesignersurls - die linkliste für webdesigner
- webdev:webdesign [pf-wiki] a German catalog of Web Design references
- Web design Resources: a directory includes 1616 sites in categories Web design, Flash, Tools online, Media, Editor web, Developers etc.