Jethwa.de » CSS

Schönere Tabellen mit CSS

Jay Allan Jethwa — Thu, 01 Jan 1970 00:00:00 +0000

Zwei sehr schöne Beispiele, wie man ansonsten langweilige Tabellen mit ein wenig CSS und ein paar Grafiken aufbohren kann, liefert Veerle Pieters in Ihrem Weblog.

Links:
Veerle's Blog: A CSS styled table (auf Englisch)
Veerle's Blog: A CSS styled calendar (auf Englisch)

Beliebige Ecken und Ränder mit transparentem Schatten

Jay Allan Jethwa — Thu, 01 Jan 1970 00:00:00 +0000

Eine Möglichkeit, skalierbare Kästen mit abgerundeten (oder beliebigen Ecken), beliebigen Rändern und transparenten Schatten zeitgleich mit semantischem Markup zu kombinieren zeigt Roger Johansson von 456 Berea St. in einem Artikel.

Link:
456 Berea St. - Transparent Custom Corners and Borders (auf Englisch)

File-Input mit CSS formatieren

Jay Allan Jethwa — Thu, 01 Jan 1970 00:00:00 +0000

Formatierungen mit CSS sind inzwischen nicht mehr wegzudenken, doch nach wie vor gibt es hier einige Probleme, auf die man unweigerlich stößt, wenn man sich beispielsweise näher mit Formularen beschäftigt:

Das File-Input-Element für das Hochladen von Dateien kann nicht mit CSS formatiert werden, sondern richtet sich sturköpfig nach dem Visual Style des verwendeten Betriebssystems. Ein einheitliches Formulardesign wird so unmöglich.

Mit Hilfe eines aufwändigen Tricks mit JavaScript ist es dennoch möglich, wie Michael McGrady herausgefunden hat.

Link:
CSS2/DOM - Styling an input type="file" (auf Englisch)

Kostenlose CSS Tab Navigation

Jay Allan Jethwa — Thu, 01 Jan 1970 00:00:00 +0000

Christopher Ware erfreut die Leser seines Weblogs "Exploding Boy" mit einem verfrühten Weihnachtsgeschenk: Kostenlose CSS Menü-Designs die sowohl privat als auch kommerziell frei verwendet werden dürfen (danke an tacker für den Link auf mediengestalter.info).

Link:
Free CSS Navigation Menu Designs
Free CSS Navigation Menu Designs 2

Statusbalken und Säulendiagramm in CSS

Jay Allan Jethwa — Thu, 01 Jan 1970 00:00:00 +0000

Mit CSS lässt sich auf relativ einfache Art und Weise sogar ein Fortschrittsbalken oder ein Säulendiagramm erzeugen. Ryan Nichols zeigt den passenden Code dazu.

Link:
Apples-to-Oranges: CSS for Bar Graphics (auf Englisch)

Image Maps mit CSS

Jay Allan Jethwa — Thu, 01 Jan 1970 00:00:00 +0000

Frank Manno stellt eine Möglichkeit vor, ansehnliche Image Maps aus purem CSS ohne den Einsatz von JavaScript zu erstellen - das Beispiel ist funktionstauglich im Internet Explorer, Firefox, Opera und Safari.

Link:
frankmenno.com: CSS Image Maps - Flickr-like Technique? (auf Englisch)

Abgerundete Ecken mit CSS und JavaScript

Jay Allan Jethwa — Thu, 01 Jan 1970 00:00:00 +0000

Abgerundete Ecken sollen mit CSS in der Version 3 ja endlich zum Standard werden, doch bis zur endgültigen Verabschiedung und der Unterstützung durch alle gängigen Browser werden leider noch ein paar Jahre ins Land gehen.

Bisher hilft einem also nur der entsprechende Einsatz von Grafiken oder die Verwendung von -moz-border-radius für Browser mit Gecko-Engine (Mozilla, Firefox) - der Internet Explorer und Opera bleiben dabei jedoch aussen vor.

Alessandro Fulciniti stellt in einem Artikel eine Technik vor, um abgerundete Ecken dennoch ohne den Einsatz von Grafiken mit purem CSS und JavaScript zu erreichen.

Link:
Nifty Corners: rounded corners without images (auf Englisch)

CSS Templates für 2- oder 3-spaltiges Layout

Jay Allan Jethwa — Thu, 01 Jan 1970 00:00:00 +0000

Bei SSI-Developer gibt es diverse oft benötigte Layouts für tabellenloses Webdesign mit XHTML und CSS in 2 oder 3 Spalten kostenlos zum Download.

Link:
SSI-Developer: CSS Page Layout Templates (auf Englisch)

Webdesign Trends 2005

Jay Allan Jethwa — Thu, 01 Jan 1970 00:00:00 +0000

Minimalismus und Retro-Design sind ebenso "out" wie Verdana und Full-Flash Sites, tabellenloses Layout (wie auf dieser Seite ) und die Farbe Braun sind "in". So die Vorhersage für die Webdesign Trends im Jahr 2005 (via Thomas goes .NET).

Link: Web Design in 2005 (auf Englisch)

CSS Tutorials: List, Float und Select

Jay Allan Jethwa — Thu, 01 Jan 1970 00:00:00 +0000

Auf der Website von Maxdesign aus Australien sind einige sehr gute CSS Tutorials, unter anderem zur Darstellung von Menüs und zum Umfließen von Bildern.

Link:
css.maxdesign (auf Englisch)