The project 'Essential bookmarks for web-designers and web-developers', previously updated on this page, has a new url (http://www.alvit.de/handbook/), a new design, a new hierarchical structure and, of course, new web-dev-resources. The reason for changing the basic concept of this project was a huge number of suggestions and links, which have overflooded my mailbox recently. Over the last few days, a new project was created and updated. The old version (which also will be updated in future) is still available on the page "Bookmarks: Maxi edition". You are welcome to submit your own links to the directory, filling out this form; besides, I'll be glad to receive feedbacks, comments and new ideas coming from your side.
Please update your bookmarks!
How did it begin? Recently I started to put together a list of useful web design & web-programming tools. The idea was simple: I wanted to list on a one single page the most useful web-sites, which make the life of web designers easier. If you ask the old uncle Google where you can find proper web design-instruments he shows an infinite list, whereby "his" links aren't actually that useful. At the same time really helpful pages aren't shown at all...
This page is actualized once a week. If you regard my list as helpful - please feel free to post similar posts (please - with link to my homepage) in web design- & web-programming-forums, so the list can be used not only by some single online-communities. Besides, I would really appreciate new links coming from your side.
This list was created with the help of many web designers and enthusiasts from Germany and United States, but mostly it was created by myself. Please do not copy the list without giving a link to the source - I invested much time in creating and updating this overview. Therefore please do not neglect my personal work.
New Links (39 resources):
- CSSVault: CSS Resources » Navigation
- 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.
- 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.
- Intelligent Menus - using some very simple PHP and CSS you can create intelligent menus that are easy to use and maintain
- Text Generators: Randomly generated typographic filler text (16 languages), Designer's Toolbox, Lipsum, Malevole.
- Quick Online Tips: Smart tips, tools, tricks, news and facts, tools and services.
- 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.
- XMLHttpRequest & Ajax Working Examples: code snippets and proof of concepts - the links should help get you started on building your own functions with XMLHttpRequest.
- Five simple steps to better typography by Mark Boulton
- Basics of search engine optimisation @ 456bereastreet
- 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."
- Typographie für Webautoren - Christoph Paper
- ColorCombos & Web Color Gallery: Combo Tester and Web Color Gallery allow web developers to see how different color combinations work together on the screen.
- Conversion from Pantone to RGB and Hex HTML: Metallic Colours, Pastel Colours, 2x Colours, Skin Tones
- Unsafe Colormatch enables you to create 24-bit color schemes online - beyond the so-called safe palette. (IE 5.5 or higher)
- 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.
- Chromatic Wheel: 12 color chromatic wheel similar to the theoretical chromatic circle. Find and simulate the harmony of your web interface.
- Behr | Color Smart
- Dulux paint colour range & advice about choosing paint colours
- Color palettes and color schemes at Sherwin-Williams
- Colr.org - "a site for playing with colors" contains 19655 colors and 6387 schemes.
- 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.
- efg's Palettes and Colors Lab Reports
- Design and Colour Utilities: CSS Border
Test, Colourway, Colourband, Colourband Text, Colour Increments, Internet Explorer Scrollbars, RGB Converter, DOCTYPEs
- Patterns: Kaliber10000 | Patterns,
Squidfingers | Patterns, Pattern-Bomb, The Inspiration Gallery.
- All You Need For Accessibility - Tutorials, Tools, Books, Validators, etc: part 1,
- Usability Inside
- 99 Free SEO Tools
- Page Rank Update List History - PageRank - PR
- 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/)
- 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.
- SearchBliss: Link Popularity Check, SE Saturation-Index Check, Keyword Verification Check, Meta Tags Optimization, SEO - Optimization Articles, Unbranded SEO Tools
- SiteOMetrics: Link Popularity, SE Saturation, Keyword Position / SERP, Google PageRank, Bulk Google PageRank, Google PageRank: Indexed Pages, Alexa Rank, Bulk Alexa Rank
- @-web - Suchmaschinen aktuell: an overview of German, European and international search engines, search engines news etc.
- DesignLinks.org: Designlinks - German Link Ressource; das deutsche Design & Web design Verzeichnis.
- Web design Resources: a directory includes 1616 sites in categories Web design, Flash, Tools online, Media, Editor web, Developers etc.
- This list of bookmarks will lead you down the yellow brick road of standards-based web design.