Home » css


CSS Experimente

Eines muss man Stu Nicholls lassen. Er bringt immer wieder sehenswerte Beispiele, was man alles mit Cascading Style Sheets (CSS) so anstellen kann. Auf seiner neu gestalteten Webseite CSS-Play, welche nicht umsonst den Untertitel Experiments with Cascading-Style-Sheets trägt, finden sich durchaus brauchbare und sehenswerte Code-Beispiele und Demos rund um CSS. Pflichtseite für Webdesigner!
[via Lisardo]

YAML 2.4 erschienen

Yaml Eine neue Version des CSS-Frameworks YAML (Yet another Multicolumn Layout) ist erschienen. Neu hinzugekommen sind die Subtemplates, wo sich einfach mehrere Inhaltsblöcke in beliebiger Grösse nebeneinander platzieren lassen. Wohlbemerkt ohne Tabellen. Weitere Änderungen konnen in der Changelog Datei nachgelesen werden.

RSS-Feeds mit XSL und CSS formatieren

Immer wieder kommt es vor, dass Suchmaschinen anstatt dem korrekten Link zu einem Artikel, den Feed-Link anführen. Der Besucher sieht dann oftmals nur eine XML-Seite, welche für ihn so gut wie nicht lesbar ist. Um den Besucher nicht zu verscheuchen kann der Feed für den Surfer extra formatiert werden. Dies geschieht in der Regel mit XSLT und CSS. Als Beispiel, wie so etwas aussehen kann, seht einfach meinen Feed an. Und so geht es.
Den ganzen Artikel lesen »

Layout mit CSS erstellen

Webdesigner, welche heute noch ihre Webseiten ausschliesslich mit Tabellen erstellen und von Cascading-Style-Sheets (CSS) keine Ahnung haben, sollten baldigst umlernen oder den Job wechseln. Eine nette kleine Einführung zum Thema CSS und Gestalten mit CSS bietet das von Andreas Kalt übersetzte Maxdesign-Tutorial aus dem Jahre 2004. Eine grobe Vorführung in die Welt des tabellenlosen Designs und für Newbies absolut lesenswert.

Emails mit CSS formatieren

Wer liber statt Text-Emails html und CSS-formatierte Emails aussendet sollte man einen Blick auf die Webseiten von CampaignMonitor werfen. Hier findet sich eine ausführliche Übersicht, welche Emailprogramme mit welchen CSS-Befehlen umgehen können. Sehr auführlich und informativ!
[cssHilfe]

Web 2.0 Navigationen

Die meisten Navigation-Menüs werden heutzutage hauptsächlich nur noch mit Hilfe von CSS und mit wenig bis keinen graphischen Elementen gestaltet. Bei Dr. Web können eine Reihe interessanter Navigation-Menü zur Inspiration angesehen und ausgetestet werden. Diese Navigationen haben zwar wenig mit dem Unwort Web 2.0 zu tun gehören aber zu fast jeden modernen Webauftritt.
Weitere Navigationen: CSS-Menüs zum Downloaden

CSS-Layouttechniken

Layouts gibt es wie Sand am Meer. Einen kurzen Überblick über die verschiedenen CSS Layouttechniken, wie die Liquid (Fluid), die fixe und die auflösungsabhängige Layouttechnik führt Coda in seinem Blog an, und listet zudem die verschiedenen Vor- und Nachteile der einzelnen Techniken auf.

XHTML- und CSS-Coderichtlinien

Eine Möglichkeit, wie man Coderichtlinien für ein Webprojekt erstellen kann, um einen einheitlichen, übersichtlichen Xhtml und CSS Code zu gewährleisten, führt Jens Meiert an. Das Tutorial lehnt sich dabei an die in der Praxis für den Kommunikationsdienst GMX verwendeten Coding-Guidelines an und zeigt, welche Schritte es zu beachten gibt, um in einer Gruppe übersichtlich und effektiv arbeiten zu können. Ist auch für Webdesigner und Programmierer kleinerer Projekte interessant.

CSS: runde Ecken ohne Bilder II

Rounded Corners Über runde Ecken ohne Bilder nur mit Cascading Style Sheets (CSS) haben wir schon mal berichtet. Nun bietet Alessandro Fulciniti ein kleines Javascript-Tool namens Nifty Corners zum Download an, mit welchem sich runde Ecken ohne Bilder mit nur einer kleinen Befehlszeile erstellen lassen. So einfach und schnell konnte noch kein Webdesigner runde Ecken um ein Objekt erstellen. Eine ausführliche Beschreibung und Beispiele finden sich auf den Seiten des Entwicklers. Empfehlenswert!
[via Mastblau, CSSHilfe]

CSS Daten strukturieren

Immer wieder hat man mit dem Problem zu kämpfen, wenn man z.B: ein neues Template herunterladet, dass diese recht unübersichtlich sind und man einiges an Zeit dafür aufwenden muss, die passenden Codezeilen zu finden. Dass es auch anders geht zeigt der Webstandard, und führt gleich einige Beispiele gut strukturierter und kommentierter CSS-Dateien an.
[via csshilfe]

« Ältere Artikel