CSS

CSSTYPE is a nice tool for comparing different fonts and css parameters for web typography. You can use our own text samples. Added into the Minimal CSS list.

Last updated: December 6, 2006

Updating list of CSS resources.

Color

• On Color: Online Color Tools
• Five Simple Steps to designing with colour, part 1 and part 2: Not exactly css but web design related and excellent.

Design Templates

• Free Templates
• Layout Gala
• The CSS Tinderbox

Design Showcases & Galleries

• Collection of Web 2.0 Navigation Menus
• CSS Allstar
• CSS Beaty
• CSS Galleries
• CSS Import
• CSS Mania
• CSS Remix
• CSS Showcase: A showcase of css-based navigation menus & tabs.
• CSSElite CSS Gallery
• Styleboost: Not exactly css gallery, but showcasing beautiful sites.

Fonts & Typography

• CSSTYPE – web safe typography on screen for pixel perfectionists Added 2006-12-06
• KD Web Page Design: HTML/CSS Tutorials: Browser Safe Fonts
• Great Fonts for Web 2.0
• The Elements of Typographic Style Applied to the Web – a practical guide to web typography
• sIFR 2.0: Rich Accessible Typography for the Masses
• CSS Technique: Worn Type
• CSS Typography
• Effective Style with em
• Text Sizing
• Toward a standard font size interval system
• Semantic Typography: Bridging the XHTML gap
• UsableType
• Working with a limited font set on the web Added 2006-12-04

Forms

• CSS-Based Forms: Modern Solutions
• Fun with forms – customized input elements

Layouts

• Create a simple liquid layout
• A CSS Framework
• Advanced CSS Layouts: Step by Step
• Building your very own web2.0 layout: Funny.
• Creating a CSS Layout from scratch
• CSS Drop Column Layout
• CSS Layout Techniques
• CSS Rounded Corners ‘Roundup’
• Rounded corners
• From Table Hacks to CSS Layout: A Web Designer’s Journey
• In Search of the Holy Grail
• In search of the One True Layout
• Nifty Corners Cube
• On having layout
• One clean HTML markup, many layouts…
• The only CSS layout you need(?)
• Why tables for layout is stupid: Informative and funny.
• Yahoo! UI Library: Grids CSS

Lists

• Listamatic
• Toggle Elements in a Definition List

Menus

• cssMenus

Positioning

• Containing Floats
• CSS Positioning
• Floatutorial
• Learn CSS Positioning in Ten Steps
• Position Is Everything
• Pup’s Box Flow Hack
• The IE Doubled Float-Margin Bug
• The Man in Blue > Experiments > footerStickAlt Added 2006-11-28

Selectors

• CSS event:Selectors
• Selectutorial

Tables

• CSS Table Gallery

Tips & Resources

• 20 CSS Tips & Tricks
• Bubble Tooltips
• Build your own PHP style sheet switcher
• Creating a Star Rater Using CSS
• CSS Chet Sheet
• CSS Code Visual Grouping Techniques
• CSS Curly Quotes
• CSS hacks
• CSS Shorthand Guide
• CSS tips and tricks
• Dynamic Drive CSS Library
• Firefox: Removing Dotted Links
• How to structure large CSS files Added 2006-11-26
• Lightbox JS
• Sanscons
• SkimCSS
• Ten CSS tricks you may not know
• Top 10 CSS image gallery tutorials
• Web Building Tips

Tools

• CSS Source Ordered Variable Border 1-3 Columned Page Maker
• Factor CSS
• gotAPI.com :: Quick API Search
• Quick Lookup