Tools For Web Developers

Following along in the path of Tools For Web Designers, I now present you with Tools for Web Developers. I hope you find it useful.

1. CSSVault: CSS Resources » Navigation
2. 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.
3. 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.
4. Intelligent Menus - using some very simple PHP and CSS you can create intelligent menus that are easy to use and maintain
5. The DHTML / JavaScript Calendar
6. Text Generators: Randomly generated typographic filler text (16 languages), Designer’s Toolbox, Lipsum, Malevole.
7. Quick Online Tips: Smart tips, tools, tricks, news and facts, tools and services.
8. 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.
9. XMLHttpRequest & Ajax Working Examples: code snippets and proof of concepts - the links should help get you started on building your own functions with XMLHttpRequest.
10. Five simple steps to better typography by Mark Boulton
11. Basics of search engine optimisation @ 456bereastreet
12. 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.”
13. Typographie für Webautoren - Christoph Paper
14. ColorCombos & Web Color Gallery: Combo Tester and Web Color Gallery allow web developers to see how different color combinations work together on the screen.
15. Conversion from Pantone to RGB and Hex HTML: Metallic Colours, Pastel Colours, 2x Colours, Skin Tones
16. Unsafe Colormatch enables you to create 24-bit color schemes online - beyond the so-called safe palette. (IE 5.5 or higher)
17. 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.
18. Chromatic Wheel: 12 color chromatic wheel similar to the theoretical chromatic circle. Find and simulate the harmony of your web interface.
19. Behr | Color Smart
20. Dulux paint colour range & advice about choosing paint colours
21. Color palettes and color schemes at Sherwin-Williams
22. Colr.org - “a site for playing with colors” contains 19655 colors and 6387 schemes.
23. 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.
24. efg’s Palettes and Colors Lab Reports
25. Design and Colour Utilities: CSS Border Test, Colourway, Colourband, Colourband Text, Colour Increments, Internet Explorer Scrollbars, RGB Converter, DOCTYPEs
26. Patterns: Kaliber10000 | Patterns, Squidfingers | Patterns, Pattern-Bomb, The Inspiration Gallery.
27. DesignInFlight
28. All You Need For Accessibility - Tutorials, Tools, Books, Validators, etc: part 1, part 2
29. Usability Inside
30. 99 Free SEO Tools
31. Page Rank Update List History - PageRank - PR
32. 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/)
33. 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.
34. SearchBliss: Link Popularity Check, SE Saturation-Index Check, Keyword Verification Check, Meta Tags Optimization, SEO - Optimization Articles, Unbranded SEO Tools
35. SiteOMetrics: Link Popularity, SE Saturation, Keyword Position / SERP, Google PageRank, Bulk Google PageRank, Google PageRank: Indexed Pages, Alexa Rank, Bulk Alexa Rank
36. @-web - Suchmaschinen aktuell: an overview of German, European and international search engines, search engines news etc.
37. DesignLinks.org: Designlinks - German Link Ressource; das deutsche Design & Web design Verzeichnis.
38. Web design Resources: a directory includes 1616 sites in categories Web design, Flash, Tools online, Media, Editor web, Developers etc.
39. This list of bookmarks will lead you down the yellow brick road of standards-based web design.

G-Man

P.S. This list provided by Vitaly Friedman