Instant Blueprint ermöglicht  das schnelle Erstellen von Webprojekten  in validem HTML / XHTML und CSS. Mit dem Online-Tool kann man die Reset-, Layout- und Print- Styles  generieren, eigene IDs und den gewünschten DOCTYPE definieren und auch gleich noch das gewünschte JavaScript Framework einbinden.

Nette Geschichte, die den Entwicklungsaufwand dautlich verringern kann.

Website: http://instantblueprint.com

0to255 ist ein einfaches Tool, das Webdesignern hilf hellere und dunklere Farben basierend auf jeder beliebigen Farbe zu finden. Es macht Spaß, ist einfach und erspart viel Zeit.

Wähle einfach die Farbe, mit der du beginnen willst und 0to255 gibt dir eine Farbreihe angefangen von schwarz bis weiß mit einem Intervall das für Webdesign optimiert ist. Dann klickst du einfach auf die Variation, die du verwenden willst und der Hex-Code wird automatisch in die Zwischenablage kopiert.

Website: http://0to255.com/

CSS Gallerien sind aus Sicht des Web-Designers nicht nur Inspirationsquellen, sondern helfen auch eine Website bekannt zu machen und können somit auch ein nützliches Tool zur Suchmaschinenoptimierung sein.

Mit CSSGallerySubmission.com, können Sie Ihre Website in fast allen verfügbaren CSS-Galerien im Netz einreichen. Der Service ist zu 100% kostenlos und minimiert den Aufwand neue Webseiten in CSS-Gallerien zu veröffentliche erheblich.

Website: http://www.cssgallerysubmission.com/

Mit CSS3 kann man sich wirklich viel Arbeit und auch Ladezeit ersparen. Dinge wie Drop-Shadow, runde Ecken, Transparenzen etc. sind möglich – nur leider nicht broweserübergreifend. Der CSS3 Rule Generator hilft dabei die unterschiedlichen CSS Regeln für die verschiedenen Browser zu definieren.

Website: http://css3please.com/

CSS3 Dropdown Navigation

Und hier gleich noch ein schönes Beispiel was mit CSS3 möglich ist. Sämtliche Effekte wie runde Ecken, Schatten etc. sind hier mit CSS umgesetzt:

Website: http://bit.ly/byMVKF

Fast schon als neuen Trend könnte man die sogenannten Megadropdown Navigationen bezeichnen, die neuerdings gerne auf umfangreicheren Websites eingesetzt werden.

Hier sind zwei Beispiele. Einmal mit JavaScript (JQuery):

http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/

http://www.sohtanaka.com/web-design/examples/mega-dropdowns/

Einmal ohne JS (kein IE6 Support but who cares?):
http://www.visibilityinherit.com/code/mega-drop-down-demo.php

Bei Typo3 Seiten kann es immer mal wieder vorkommen, dass einzelne Inhaltselemente spezieller Formatierung bedürfen. Hierzu kann man ganz einfach das entsprechende Inhaltselement mit einer CSS Klasse oder ID ausstatten und dann per CSS nach seinen Wünschen umgestalten:

tt_content.stdWrap.dataWrap = <div id="c{field:uid}">|</div>
oder:

tt_content.stdWrap.dataWrap = <div class="c{field:uid}">|</div>

SlickMap CSS ist ein einfaches Stylesheet das ungeordnete HTML-Navigations-Listen als schön gestaltete Sitemaps anzeigt. Es ist geeignet für die meisten Web-Seiten mit bis zu drei Navigationsebenen und kann leicht angepasst werden, um individuelle Einstellungen vorzunehmen.

OmniGrid ist ein DataGrid das mit Mootools umgesetzt wurde. Neben sortierbaren Tabellenspalten enthält es einen “Pagebrowser” und die Anzahl der Tabellenzeilen kann definiert werden. Außerdem können Zellen gelöscht, dupliziert und editiert werden.

Es basiert zum Teil auf zwei ähnlichen Komponenten: FlexGrid jQuery und Phatfusion sortableTable. Eines der wenigen (oder vielleicht das einzige) Mootools Datagrid. Jedenfalls das einzige das ich gefunden habe.

Website: http://www.omnisdata.com/omnigrid/

Je umfangreicher eine Webseite wird, desto unübersichtlicher wird das CSS. Styleneat sorgt hier vielleicht für Abhilfe.

Styleneat ist ein kostenloser online Service, der CSS-Dateien strukturiert und sie somit übersichtlicher und leichter verständlich macht. Hierzu kann man seine Dateien entweder hochladen, oder per Copy-Paste einfügen, oder auch einfach die URL angeben.

Es gibt mehrere Möglichkeiten der Sortierung wie etwa alphabetische Reihenfolge der Selektoren und Egenschaften.

Website: http://styleneat.com/

Hier haben wir eine sehr umfangreiche Sammlung von CSS-Layouts.  Die Layouts gibt es zudem Fluid, Fixed und in verschiedenen Breiten.

Website: http://layouts.ironmyers.com/