CSS

W3C World Wide Web Consortium
W3C - Cascading Style Sheets
CSS Validation Service

CSS Drive -> CSS Compressor

tabbednavigation.com
CodeDrops

Self HTML

.htaccess
CSS Schriftformatierung
cursor (Mauszeiger)
i-frames
(JAVASCRIPT) MM_controlShockwave Flash steuern aus html mit frames

CSS menus

CSS Library Horizontal CSS Menus
Listamatic
Pure CSS Vertical Menu | Devin R. Olsen Web Developer
CSS Horizontal Menu Tutorial | Devin R. Olsen Web Developer
Son of Suckerfish Dropdowns
Superfish - Suckerfish on 'roids
Smooth Navigational Menu
Multilevel self-resizing image-sprite shadow DropDown menu with shadow support for IE 8

jQuery UI Tabs - Demo
MooTabs - Tiny tab class for MooTools

CSS styled Blogs

www.ndesign-studio.com
www.stephan-holze.de
www.csslove.net
www.devinrolsen.com

Mozilla Firefox Plugins

DOM Inspector :: Firefox Add-ons
Web Developer :: Firefox Add-ons
Firebug :: Firefox Add-ons
ColorZilla :: Firefox Add-ons

Google News CSS

CSS (Cascading Style Sheets)

Was ist CSS?

Ein Stylesheet ist eine Sammlung von Formatierungsregeln, die das Aussehen des Inhalts einer Website bestimmen. Es gibt drei Möglichkeiten, CSS in einer Seite zu implementieren:

  • Inline: ein einzelner in den Code eingefügter Stil
  • Eingebettet: ein Stylesheet, das die Elemente einer Website steuert
  • Extern: ein externes Stylesheet, mit sich das Aussehen zahlreicher Webseiten steuern lässt
  • CSS ist eine Formatierungssprache.
  • CSS ist das Akronym für Cascading Style Sheets.
  • CSS soll festlegen, wie ein besonders ausgezeichneter Inhalt dargestellt werden soll.
  • CSS ermöglicht es, die Darstellung dem jeweiligen Ausgabemedium (zum Beispiel Papier, Projektion, Sprache usw.) entsprechend anzupassen.
  • CSS gilt heutzutage als die Standard-Stylesheetsprache für das Web.
  • Mit HTML werden Inhalte strukturiert. Mit CSS wird der strukturierte Inhalt formatiert.

Vorteile von CSS:

  • Schnellere Ladezeit der Webseite
  • Ihre Website ist für alle Benutzer und Geräte zugänglich.
  • Ihre Website ist einfacher zu aktualisieren und zu warten.
  • Kontrolle über das Layout vieler Webseiten aus einer einzigen Style-Sheet-Datei
  • präzise Kontrolle über das Layout
  • verschiedene Layouts für verschiedene Medien
  • die Verwendung von CSS gilt als Qualitätsmerkmal einer professionell gestalteten Website
  • CSS-Anweisungen bieten mehr Gestaltungsmöglichkeiten als reines HTML (z.B. Festlegung der Zeilenhöhe, überlappende Positionierung, usw.)
  • die Trennung von Inhalt und Gestaltung vereinfacht eine HTML-Seite: sie wird kleiner und übersichtlicher
  • Alle Seiten, mit denen das Stylesheet verknüpft ist, sehen einheitlich aus.
Links:
Wikipedia.org Cascading Style Sheets
Vorteile und Grenzen von CSS
Vorteile von CSS
CSS Einführung
CSS in Dreamweaver
What you always wanted to know about CSS...
Listamatic

CSS-Eigenschafte
Syntaxverzeichnis
Layouts für Printmedien
Verschiedene separate Stylesheets für unterschiedliche Ausgabemedien
scrollbar (Microsoft-Eigenschaften für Scroll-Leisten

Dreamweaver Developer Center CSS - Learn to work with CSS
Überblick über CSS in Dreamweaver 8
Überblick über CSS in Dreamweaver MX 2004
Designing with CSS in Macromedia Dreamweaver MX 2004
Best Practices für CSS in Dreamweaver MX
CSS design basics with Dreamweaver – Part 1: Learning about doctype

Tutorial

CSS Tutorial / Cascading Style Sheets
CSS Syntax
i-frames & CSS

CSS text-shadow (CSS level 3)

text-shadow: Schatteneffekt für Text
Example: Text with shadow css level 3

style="text-shadow:0px 1px 3px black; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;"

CSS outline-style

Example: www.w3schools.com - CSS outline-style

style="outline-style:none;"

The properties that can be set, are (in order): outline-color, outline-style, outline-width.

CSS Pseudo-elements

Pseudo name Description
:after Adds content after an element
:before Adds content before an element
:first-letter Adds a style to the first character of a text
:first-line Adds a style to the first line of a text

CSS pseudo-elements are used to add special effects to some selectors.

Links stylen mit CSS
CSS & PHP: Dynamische Schriftgröße für Barrierefreies Internet (fontcomputer)
CSS & PHP & jQuery: Dynamische Schriftgröße für Barrierefreies Internet (fontcomputer)

CSS conditional comments

Mit Hilfe von conditional comments kann man CSS Einstellungen für den Internet Explorer überschreiben, sodass das Layout im Firefox genauso aussieht wie im Internet Explorer.

Links:
MSDN Library - About Conditional Comments
Example with less-than or equal operator: <!--[if lte IE 7] ... <![endif]-->

Webstandards-Projekt - Conditional Comments
CSS - Conditional comments

Internet Explorer CSS Hack

In dem man * html vor einer CSS Klasse schreibt, kann man CSS Einstellungen für den Internet Explorer überschreiben.

Links: www.reblo.de Diskussionsforum

compliance patch for microsoft browsers

Der compliance patch ist eine JavaScript Library für den Internet Explorer, um ihn reagieren zu lassen wie ein standard Browser.
Der Patch verbessert viele CSS Fehler und macht transparente PNG Datein korrekt sichtbar unter IE5 und IE6.

[DOWNLOAD]
[DOWNLOAD]

Links:
dean.edwards.name/IE7
dean.edwards.name
IE7 - Life Type

Delicious CSS feed Delicious rss icon

Example from: jQuery Clone to Add Dynamic Data - JSON Files via Javascript / jQuery

»

Tags: