Artikel und Links: CSS (Cascading Style Sheets)

Style Sheets (CSS) Resources

  1. A List Apart: Fear of Stylesheets (5 parts)
  2. Builder.Com: Get Started With Cascading Style Sheets
  3. Devarticles.com: Learn CSS
    1. Introduction
    2. Units
    3. Colors
    4. CSS Selectors - Part 1
    5. CSS Selectors - Part 2
    6. CSS Selectors - Part 3
    7. Pseudo Elements
    8. Pseudo Classes
  4. DevArticles.com: Cross Browser Issues
    1. CSS Hacks, Understanding Compatibility
    2. CSS Hacks Explained, Tips, Tricks and Fixes
  5. Devshed.com:
    1. The Power of CSS
    2. Understanding Stylesheets (2 parts)
    3. What is CSS?
  6. O'Reilly Media - Style Sheet Property Reference
    1. Colors, Selectors, and More
    2. Learning Style Sheet Properties
    3. Borders and More with Style Sheets
    4. Color, Filters, and Other Style Sheet Properties
    5. Floats, Fonts, and Other Style Sheet Property References
    6. Marks, Orphans, and More Style Sheet Properties
    7. Padding, Pages, and More Style Sheet Properties
  7. Sitepoint.com: CSS Reference (A Must See!)
  8. SmashingMaginze.com:
    1. 53 CSS-Techniques You Couldn’t Live Without
    2. Powerful CSS-Techniques For Effective Coding
    3. CSS2 Quick Reference Guide
    4. CSS 3 Cheat Sheet (PDF)
    5. Mastering CSS, Part 1: Styling Design Elements
    6. Mastering CSS, Part 2: Advanced Techniques and Tools
    7. Taming Advanced CSS Selectors
    8. Backgrounds In CSS: Everything You Need To Know
  9. Webcredible: CSS hacks & browser detection
  10. WebmasterBase: CSS is easy
  11. Webmonkey: Mulder's Stylesheets Tutorial (5 parts)
  12. Webreference.com: CSS 2.1 Properties
  13. Webstandard-Blog: Schriftgrössen in EM, Pixel, Prozent oder Punkten?

Web-Design - The next steps (CSS Design)

  1. A List apart: Creating Liquid Layouts with Negative Margins
  2. Communitymx.com: Creating Liquid Faux Columns
  3. Devarticles.com:
    1. DIV Based Layout with CSS
    2. Double Vision - Give the Browsers CSS They Can Digest
    3. Introduction to CSS Positioning Properties Part 1, Part 2
    4. Using Relative Positioning For Consistent Layout
    5. Web Design 101: Positioning
    6. Styling Headers, Navigation Bars and More with Image Backgrounds and CSS
    7. Manipulating Background Images with CSS
  4. Devarticles: Building your own CSS Framework
    1. Building your own CSS Framework
    2. Creating a Three-Column Liquid Layout
    3. Constructing Fixed Layouts
    4. Creating a Three-Column Fixed Design
  5. Digital Web Magazine:
    1. CSS 102 - Borders and Backgrounds
    2. Web Page Reconstruction with CSS
    3. CSS Typography
    4. Web Design 101: Floats
    5. CSS Not([hacks])
  6. Evolt.org:
    1. Liquid Design for the Web
    2. Site Development Articles
    3. Ten CSS tricks you may not know
  7. MaxDesign.com: CSS Floatutorial
  8. Simplebits.com: CSS Centering 101
  9. Sitepoint.com:
    1. CSS Positioning Properties At-A-Glance Guide
    2. Exploring the Limits of CSS Layout
    3. HTML Utopia - Designing Without Tables Using CSS
    4. Style Web Forms Using CSS
  10. Smashing Magazine: Push Your Web Design Into The Future With CSS3
  11. Web Page Design for Designers: Tutorial on CSS positioning
  12. Webreference.Com: Advanced CSS Layouts; Step by Step

CSS special techniques

  1. Alistapart.com:
    1. Creating Custom Corners & Borders
    2. CSS Drop Shadows
    3. CSS Sprites: Image Slicing's Kiss of Death
    4. Drop-Down Menus, Horizontal Style
    5. Elastic Design
    6. Flexible Layouts with CSS Positioning
    7. Invasion of the Body Switchers
    8. Sliding Doors of CSS (Part 1, Part 2)
    9. Taming Lists with CSS
  2. Clagnut.com: How to size text using ems
  3. Communitymx.com: CSS Tooltips
  4. Complexspiral.com: Rounding Tab Corners
  5. DevArticles.com:
    1. CSS Standards Compliance in Internet Explorer 7
    2. Designing Web Pages without Tables
    3. Preloading HTML with CSS
    4. CSS Styling for Print and Other Media
  6. Devarticles.com: Building Clean Drop-Down Menus with CSS
    1. Building Clean Drop-Down Menus with CSS
    2. Fixing Browser Incompatibilities in a CSS Drop-Down Menu
    3. Improving the Visual Presentation
    4. Building a Drop-Down Menu with Nested HTML Lists
  7. Devarticles: Cross-Browser Floating Lists
    1. Building Floating Lists With CSS
    2. Building Cross-Browser Floating Lists with CSS
    3. Adjusting Padding and Margins
    4. Combining Floating Lists with Other Web Page Elements
  8. Devarticles.com: Creating Web Page Layouts with Negative Margins
    1. Creating Web Page Layout
    2. Swapping Column Positions
    3. Three-Column Web Page Layouts
    4. Creating Hybrid Web Page Layouts with Negative Margins
  9. DevArticles.com - CSS Sprites
    1. Creating Rollover Effects with CSS Sprites
    2. Building a Dynamic Banner with CSS Sprites
    3. Creating a Basic Image Gallery with CSS Sprites
  10. DevArticles.com - Matching Web Page Columns with CSS
    1. Matching Web Page Columns with CSS
    2. Matching Columns for Fixed Web Page Layouts with CSS
    3. Using Background Images when Matching Web Page Columns with CSS
  11. DevArticles.com - Replacement Combo Boxes
    1. An Easy Way to Build Replacement Combo Boxes
    2. A More Complex Way of Building Replacement Combo Boxes
  12. Devarticles - The Yahoo Grid CSS
    1. Using Yahoo Grid CSS
    2. Template Presets for the Yahoo Grid CSS
    3. Using Web Page Grids in Yahoo Grid CSS
  13. Digitalweb:
    1. Generating Dynamic CSS with PHP
    2. Stuff and Nonsense: Strategies for CSS Switching
  14. Meyerweb.com: S5: A Simple Standards-Based Slide Show System
  15. novitskisoftware.com: Floating a single list over multiple columns
  16. O'Reilly Media - The Yahoo Grid CSS
    1. Template Presets for the Yahoo Grid CSS
  17. Sitepoint.com:
    1. CSS and Round Corners: Build Accessible Menu Tabs
    2. My Top Ten CSS Tricks
    3. Nifty Navigation Using CSS
  18. Stuart Robertson: Pure CSS Pulldown Menus
  19. Webreference.com:
    1. Crazy Corners with CSS
    2. How to Create Flick Animations with CSS
    3. How to Create a Frames Layout with CSS
    4. How to Create a Photographic Gallery Using CSS
    5. How to Use CSS to Solve min-width Problems in Internet Explorer
    6. How to Create Great HTML E-mails with CSS
  20. Websiteoptimization.com:
    1. Accessible CSS Forms
    2. Highlight the Current Page with CSS: The Body ID/Class Method

Hints, Interviews, Book Reviews

  1. Apple.com: Eric Meyer - Turning the tables using CSS
  2. Book Review: More Eric Meyer on CSS
  3. Devarticles.com: Webstandards in Dreamweaver
  4. DigitalWeb.com:
    1. Book Review - CSS Cookbook
    2. Book Review - Professional CSS
    3. Interview with David Shea of CSS Zen Garden
    4. Interview with Christopher Schmitt
    5. Stuff and Nonsense: Strategies for CSS Switching (An excerpt from chapter 8 of Professional CSS)
    6. The Web is a Human Creation
  5. Eric Meyer's CSS starting points
  6. Hints from Shirley Kaiser (Websitetips)
  7. Lecture by Jeffrey Zeldman (A List Apart)