Categories
Introduction
01. Creativity
02. CSS techniques and examples
02 a. CSS tecnhiques03. 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).


» CSS Techniques under a lupe
updated/MondaySeptember19th
- 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
- CSS-Mania Blogomania
- 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