Archive of Web-Dev-Bookmarks (Added Links) | Essential bookmarks for web-developers

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).

Home

Freelancers Resources

» Archive of added links

updated/MondaySeptember19th

» 39 new resources // 09/07/2005

Colorblind Barrier Free: how to make figures and presentations that are friendly to color blind people
Essentials of CSS Hacking For Internet Explorer
Traditional CSS-based tableless layouts is an overview of traditional CSS-based tableless layouts, including pros and cons of each
CSS-Only Table-less Forms
CSS Image Maps
CSS Image Maps, Redux
CSS Diagrams
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.
CSS sliding photo-gallery : vertical and horizontal css-based photo-callery
CSS - Quirks mode and strict mode
css thesis: sites, that's all
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.
Putting a Del.icio.us, Digg, technorati and Slashdot button into your blog is a how-to.
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.
Generating Dynamic CSS with PHP
css Zen Garden: The Beauty in CSS Design
CSS Drop Shadows is an article about creating drop shadows using CSS
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
Font guide for webmasters
Writing Efficient CSS
Project Cool: Web Development Basics
Sparkline Generator Web Application is a generator of small graphic charts which can be inserted within text on a page
Polaroid-o-nizer: creates Polaroid style images from the uploaded images
FreezePage: enables you to "freeze" pages from the Web so they can be recalled in their exact form at a later time or date.
Javascript Diff Algorithm: makes it easier to correct the text you've written earlier but which isn't actual any more.
Social PDF Linking: Yummy! Personal PDF Library
Graphics.com: The shared resource for creative design
Unwritten Internet Rules
Five Critical (and Overlooked) Design Elements
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.
Ajax Toolbox: tools for Ajax, XMLHttpRequest, Remote Scripting Developers
JavaScript Toolbox - Reusable Libraries And Objects: DHTML Tree, Calendar Popup, Validation & Date Functions, Sortable Table, Auto-Tab, Dynamic Option List
CSS design for the future: workaround vs hacks
Behaviour is the missing link for your ajax apps: using CSS selectors to apply Javascript functionality
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.
CSS Color Chart contains a neutral colors chart and a general-purpose color chart
Special Characters in HTML: ψ ω σ ♣ ♠ ‘ ’ etc.
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
Social Bookmarking Tool Comparison

» 34 new resources // 21/06/2005

AJAX: Multiple Text Applicator 0.1: provides an automated, accessible, degradable method for both users and developers to manage lists in web applications.
How to Create an Image Map Using CSS
Backbase - Sandbox: Backbase radically improves the usability and effectiveness of online applications, and increases developer productivity
Site Design Tips to Improve Your Sales
XHTML 2.0 - W3C Working Draft
WebsiteTips.com: includes over 2,400 concise, categorized, annotated resources devoted to information and Web site resources.
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.
CSS Tableless Web Sites: includes 1335 entries.
Boxes and Arrows: The design behind the design
U.S. Department of Health and Human Services: Usability: includes many tutorials related to designing usable and accessible Web sites and user interfaces
11 Ways to Improve Landing Pages
Website content & usability
Alsacreations, menus galleries in CSS and XHTML
gazingus.org - Using Lists for DHTML Menus
Ultimate Drop Down Menu 4.42: List-based Semantic DHTML Menu
Deluxe CSS Dropdowns and Flyouts
Building Standard Compliant Web Sites includes articles and tutorials related to CSS techniques
RSS Mix: enables you to mix any number of RSS feeds into one unique new feed
Approximate Conversion from Points to Pixels
Will the browser apply the rule(s)?
Brain Bliss: offers an impressive selection of free web design articles related to topics Multimedia, Marketing, Advertising, Writing, E-Commerce, Promotion, SEO, Affiliate etc.
Bookmarklets to User Scripts is a Greasemonkey script that lets you turn any bookmarklet into a Greasemonkey script.
Creativity techniques and creative tools for problem solving: lists a number of creativity techniques to help with creative thinking
LogoYes - Logotype Creator is a flash tool which enables you to create your own personalized logo with five mouse clicks.
Joshuaink is avoiding classitis: turorial on reducing the amount of classes in .css-files
ChangeThis :: How To Be Creative : Creativity Manifesto
Ergonomic Guidelines for Interface Design
Eyetools Research Blog: reports on user's attitudes while browsing the web-page
How To Get Slashdotted is an article which describes the methods of driving traffic to your site
W3Schools Online Web Tutorials: HTML Tutorial, XML Tutorials, Browser Scripting, Server Scripting, .NET (dotnet), Web Building
Open Clip Art Library contains over 3400 vector clipart images, which are free to use
Anonycat Web Proxy: for free anonymous surfing
CSS Help Pile Directory: Scribble View is a directory of every CSS Help Pile post, displayed as if it were a scribble page
CSS Import | The no frills inspirational site
Ajax on Rails: by ONLamp.com
xtort.net is a massive directory of freeware and complete freeware collection
Making the Jump to tableless design: by Andy Budd @media2005
Ajax Resources: There and Back Again
Style-Force Semplice Pixelfonts
shannonsorensen.com / links is a comprehensive, well-organized list of web-dev-resources, compiled by Shannon Sorensen
Standards and Accessibility - navigation lists : Do Standards- based menus help accessibility?
Why accessibility?: by Robert Nyman
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...
The Principles of (Web) Design @ DigitalWeb
Sloganizer.net - Image generator for your slogan
Textarea tools is a collection of tools for use with textareas (or input fields)
100 Seriously Free Fonts @ dafont.com
Dynamic Text Replacement // ALA: explains how to generate images from text using any font you like - without changing HTML or CSS (JavaScript + PHP)
Inverted Sliding Doors Tabs
CSS-Mania Blogomania
W3 Compliant Sites: sites designed to comply with W3C Web Standards
wow factor
CSS-Only Forms That Don't Suck
Typography Resources @ Simplebits
All about fonts for captioning and subtitling: screenfonts are important because, in captioning and subtitling, our instrument is typography
Writing for Web: Fifty Tools which can help you in Writing
CSS Tab Designer is a freeware that lets you visually create css-based list / tabs. 45 different styles and colors are included
Resources // Greg Froh contains a list of resources related to programming, systems administration, web design etc
Icons: Leo's Icon Archive is a collection of desktop icon sets of over 10,000 high quality icons in gif & ico format

» Blogging Tools

updated/SaturdayJune11th

"Blogging seems to have changed the world and its attitude towards free journalism. Back in 1994 this "phenomenon now called blogging was little more than the sometimes nutty, sometimes inspired writing of online diaries"; however now it seems to become an essential part of the internet culture, changing the structure of the internet and the attitudes of those who browse through the web..."

A business weblog, accompanying the web-site of a solid, respectable company has become an absolute must. At the same time a personal homepage with a modest "Welcome"-invitation astonishes visitors and causes alienation and mistrust.

However, it isn't only the question of having a blog, but the question of which kind of blog you are supposed to use. I've been receiving a lot of e-mails recently, in which the visitors of Web-Dev-Bookmarks were asking me about "essential" blogging tools, which seemed to be "as essential as all the other stuff you've got in your directory". Fair enough. However, I am not willing to introduce a list, which is based on my inadequate blogging experience.

Since I am a layman, observing the development of a blogging revolution with a healthy dose of skepticism, I guess it might be reasonable to create a list based on the comments of those who are the actual bloggers.

Which blogging tools do you use? Which tools would you recommend? Share your experience with other bloggers and help beginners to find useful services and utilities you are using on a regular basis.

» 56 new resources // 07/06/2005

A Simple Character Entity Chart: trackdown the ISO character entity and choose between the named and numeric value.
RSS Newsniche: an RSS-Tutorial includes RSS Publishing Tools, RSS Feed Directories, RSS Submission Tools, RSS Validators, RSS Publishers FAQ, RSS Subscribers FAQ, etc.
Plasticpilots.com: assigns awards to web sites featuring excellent web design.
DivMania: how to avoid the use of too many divs by using CSS selectors.
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
Feed Shark: submits your RSS feed to 21 RSS Directories for free.
PictureQuest: a database of Royalty Free and Rights Protected Images Online - over 300,000 images.
Beautifully.Webdesign: web design showcase with 650 creative works.
MpP Favicon Gallery: a favicon gallery with 730 examples, links to further galleries and how-tos for Favicon beginners.
NewsIsFree: a catalog of RSS feeds. Besides, you can search the news from 20856 sources updated every 15 minutes.
Poynter Online - Design / Graphics: a coloumn in the Poynteronline which features articles about design and graphics - particularly, for those involved in journalism.
Selenium: software for web applications, which performs Browser compatibility testing, System functional testing and covers a wide array of different platforms.
Using Color and Type Effectively
Successful Web Development Methodologies [Site Planning]
CSS Panic Guide
MBoffin.com - 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...
CSS Property Index: All CSS Properties Listed Alphabetically
Learning CSS: Where to Begin?
What Is Line Height?
uwMike | Jello: A Different Liquid Layout
What is information architecture?
On separating style and behaviour - The KuraFire Network
DOM: Dockable Comments: Intelligent DOM Scripting
Skills for Access: provides you with a comprehensive resource on issues relating to multimedia, e-learning and accessibility
Top Tips For Freelancers
Roderick Howard's Directory: Your one stop resource for css links, articles, tutorials, examples, tips, layouts, hacks, books, and web standards
FontEditor BitfontMaker
Favourite Javascripts for Designers: ExpandCollapse Script, Timer Layer, Style Switcher, Form Checker.
PositionIsEverything.net: Articles about CSS by Holly Bergevin and John Gallant
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.
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
Typography: Thinking With Type: theory + practice, how + why: a new approach to typographic education.
RSS: 01b.com - binary news for contemporary life: update every 30 minutes, serving 1500 headlines, your daily information overkill
mezzoblue Markup Guide
Content with Style: A CSS Framework
Causes of Colors - Why are things colored?: another interesting tutorial related to color theory.
wg:Resources: wg :: resources
RSS, Social Bookmarks And Free Foto Search: covers tools, resources and ideas related to RSS, social bookmarking and the finding of great, free images.
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.
CSS Stylesheets Tutorials @ Pixel2life.com: 186 css stylesheets tutorials
Sortable Table Demos (WebFX)
CompleteWhois: find a complete information about a web-server or a web-site
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.
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.
XML / HTML References
CSS Image Pop UP Technique
aqLists: unobtrusive DHTML and the power of unordered lists: how-to for nested unordered lists.
Web Design Reference Guide: Web Design Reference Guide, Articles and sample chapters, Books and e-books, Online resources
CSS Iframe Mimics
Adding a CSS StyleSheet to your RSS Feed: everybody knew how to do it, but never did it.
The Unofficial Web Applications List
CSS Gallery: Web Standards Awards
Monospace/Fixed Width Programmer's Fonts
EchoEcho.Com: JavaScript, HTML, CSS tutorials and references.
HOWdesign.com: Links to Graphic Design Firms, Design Resources, and more
//gizax studios: internet accessibility: W3C Italian Document Translations and Accessibility Tutorials
Image Resizing, Fading Photo slideshow is a demonstration of Flash-like behavior implemented solely in Javascript, HTML, and CSS
mi3dot.org :: Galerija - Najnoviji radovi is a Croatian gallery of creative art-works.

» 5 new resources // 04/06/2005

wg:Inline Mini Tabs
CSS Gallery: CSS Reboot - May 1st, 2005
CSS Gallery: CSS Zen Garden
CSS Gallery: Styleboost
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.

» RSS feed is now available

updated/MondaySeptember19th

Why don't you use RSS? I'd like to subscribe to your XML feeds, but I haven't found any on your site! What's with the subscription - you haven't forgotten about it, have you? Many e-mails, many questions, one answer: RSS feed is now available. As promised, it will be updated once a week, informing the subscribers about the news of Web-Dev-Bookmarks and new links.

» 62 new resources // 29/05/2005

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
Comments: Behind the Scenes - how to create an accessible comments system; by Jonathan Snook.
CSS Optimizer
CSS submit buttons
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.
Mediascape's guides and tips are aimed at those who have little or no experience in the development process of producing a professional website.
The ways to style visited links and a web professional's toolbox provided by Maratz.com
YourHTMLSource.com: Style sheet tutorials
Zebra Tables and Better Zebra Tables

Ausführliche Tutorials über CSS, "CSS für alle Browser" von Kristof Lipfert
Code Compressor
Css-Technik.de: Ressourcen, Skripte, Tutorials
Jendryschik: Einführung in XHTML, CSS und Webdesign
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.

Javascript Menus. DeLuxe Menus
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.
Checkliste zur Webseitengestaltung
Testseite zur Zeilenbreite

.htaccess: Guide and Introduction
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.
Font: WhatTheFont?! helps you determine the font used in an image
Greasemonkey is a Firefox extension which lets you to add bits of DHTML ("user scripts") to any web page to change its behavior.
RSS: 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.
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
X Library, Demos & Applications features X - a cross-browser DHTML javascript library, and many demos, applications, articles and documentation.

HTML 4.01 Specifications, Spanish Translation

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
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.
Accessible HTML/XHTML Forms and other tutorials provided by Webstandards.org
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.
Jendryschik: Einführung in XHTML, CSS und Webdesign

Color Theory Articles provided by Devx.com
Colour Harmony: Secrets of Web Color Revealed
Colour Contrast Check
Color Blender
Color Palette Generator generates a color palette based on an uploaded image.
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.
Web Safe Colours Table and Diagram with rgb and hex values

stock.xchng

Access Matters: Seeking Best Practices. Useful articles about accessibility
Navigation blindness: How to deal with the fact that people tend to ignore navigation tool and The Interaction Designer's Coffee Break
Usability Views - 9,890 articles about usability, accessibility, IA, HCI and web design

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
Google's PageRank - Calculator, Google PageRank Calculator (Alternative)
Yahoo! & Google Search Comparison
Google PageRank Verifier
Ranking Check
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.

Kostenloser Suchmaschinen-Marketing-Kurs

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.)
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
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.
UITest.com Tools is a comprehensive list of useful browsers, generators, optimizers, SEO- & Web-Dev-tools.
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
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.)

Categories

Legend

Where am I?..

Submit your link

Who is Vitaly Friedman?

XML Feeds

Donate

» Archive of added links

updated/MondaySeptember19th

» 39 new resources // 09/07/2005

» 34 new resources // 21/06/2005

» Blogging Tools

updated/SaturdayJune11th

» 56 new resources // 07/06/2005

» 5 new resources // 04/06/2005

» RSS feed is now available

updated/MondaySeptember19th

» 62 new resources // 29/05/2005