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

Web design

Written & unwritten rules and standards

» Written & unwritten rules and standards

updated/MondaySeptember19th

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

Typography: theory and practice

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

Typography: Petit guide typographique a l’usage de l’internet

Typographie für Webautoren - written by Christoph Paper

Web designers recommend (via www.figby.com)

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.

Categories