Logo Adobe Certified Expert (ACE) und Adobe Certified Instructor (ACI) für Adobe Acrobat

Aktuelle Links zum Thema: »CSS und HTML«

Centered Sliding Door Menues
Unter »centered sliding door menues« versteht man waagrechte CSS-Menüs in Form von Karteikartenreiter. Die Besonderheit liegt darin, dass sie sich beim Textzoom vergrößern und dass sie unterschiedliche Größe haben können (während meine hier sich zwar ebenfalls vergrößern, aber alle die gleiche Größe haben müssen). Exploding Boys bietet Links zu Bauanleitungen und eine ganze Menge frei verwendbarer Beispiele.

Besprochene Seite besuchen

Kategorie: | |

The man in blue
Testseite zum Online-Testen von Farben und Farbkombinationen. Die Farbwahl wird automatisch in einen Webseiten-Dummy eingefüllt, danach kann der CSS-Quelltext gespeichert werden.

Besprochene Seite besuchen

Kategorie: | |

CSS-Reboot 2005
CSS Reboot ist ein Communitiy Event für professionelle Webdesigner, an dem sich prinzipiell jeder beteiligen kann. Die »Rebooters« aus der ganzen Welt bringen an einem Tag ihre neuen Designs online. Teilnahmebedingung ist lediglich, dass die Seiten die Webstandards befolgen. Die Qualität ist unterschiedlich.

Besprochene Seite besuchen

Kategorie: |

Testseite zur Zeilenbreite
Eine Testseite zum Testen des Zusammenhangs zwischen Schriftgrößen und Zeilenbreiten in verschiedenen Maßsystemen (Pixel und ems).

Besprochene Seite besuchen

Kategorie: | | |

korhoen typeviewer
Eine Testseite zum Testen von Schriftformatierungen und Zeilenbreiten.

Besprochene Seite besuchen

Kategorie: | | |

Grundlagen für Spaltenlayout mit CSS
Logo von SelfHTML - abstrakt gezeichnete Spinnweben mit Jahreszahlen 1995 - 2005Eine schöne Zusammenfassung der derzeitigen Designtechniken für tabellenloses CSS-Design mit floats. Es werden keine Musterlösungen angeboten sondern verschiedene Ansätze vorgestellt und grundlegende Problemstellungen diskutiert. Die vielen Links und Beispiele verweisen auf alle relevanten Lösungswege.

Besprochene Seite besuchen

Kategorie: | |

Modernes Webdesign verbreiten - Aussicht auf 2006
Logo von SelfHTML - abstrakt gezeichnete Spinnweben mit Jahreszahlen 1995 - 2005Matthias Schäfer stellt im SELFHTML aktuell Weblog die Frage, wie modernes CSS-Design verbreitet werden kann und was die besten Argumente dafür sind. Die Frage ist durchaus kritisch gestellt, so dass sich im Anschluss eine spannende Diskussion pro und Kontra Tabelle ergeben hat. Praktisch alle Argumente werden genannt, so dass diese Diskussion einen guten Überblick über die Diskussion und den derzeiten Stand der Argumente bietet.

Besprochene Seite besuchen

Kategorie: | |

Sind Tabellelayouts barrierefreier?
cmsblog-logoEin interessanter Beitrag von den Websozis zur Diskussion Tabellenlayout vs. CSS-Layout aus der Sicht der Barrierefreiheit.

Besprochene Seite besuchen

Kategorie: | | | |

Typetester: Typografie von Webschriften testen
Das Webtool von Marko Dugonjić bietet eine Fülle von Vergleichsmöglichkeiten für Webschriften. Einfach die gewünschten Formatierungen (Schriftart, Größe, Stil etc.) einstellen, abschicken und schon kann man seine Einstellungen in vielen Varianten vergleichen. Vorher am besten diese Beschreibung zur verwendeten Base-Font-Size lesen (Englisch), sonst wird das Verhalten der Schriftgrößen nicht ganz klar.

Besprochene Seite besuchen

Kategorie: | | |

Ein Herz für Tabellen - auch im barrierefreien Web
Eine Art Ehrenrettung der Tabelle. Timo Wirth bricht hier in einem sehr lesenwerten Artikel eine Lanze für Tabellen und empfiehlt, sie zwar nicht zum Layouten einzusetzen, aber ohne Scheu bei allen tabellarischen Inhalten. Er erläutert die Vorteile von korrekt eingesetzten Tabellen und erklärt, wie eine barrierefreie Tabellen aufgebaut ist. Eine noch detailliertere Anleitung (leider nur in Englisch) finden Sie bei webusability von Roger Hudson: Accessible Data Tables. Die CSS Table Gallery bietet eine Auswahl von verschiedenen Tabellendesigns. Die Seite ist inspiriert von csszengarden.com und erlaubt es allen Interessierten, zu vorgegebenen Tabellen eigene CSS-Designs hochzuladen. Eine sehr schöne deutsche Anleitung finden Sie im Blog von maczimal.de.

Besprochene Seite besuchen

Kategorie: | | |

CSS.MAXDESIGN.COM.AU: Listen, Floats und Selects im CSS
Hundekopf - Logo von maxdesignAlles, was Sie schon immer über Listen wissen wollten - und viel mehr. Tabellenloses Design und Menüs mit Hilfe von Listen werden anhand einer Vielzahl von Beispielen beschrieben. Sie können alle Beispiele online testen und den Quellcode direkt auskopieren. Zusammen mit einer detailierten Anleitung (leider nur in Englisch)

Besprochene Seite besuchen

Kategorie: | | | | |

Barrierfreie Navigationsmenüs
Ausschnitt aus dem Logo von Einfach Für AlleEiner der wichtigsten Artikel auf Einfach für alle ist für mich diese Anleitung zum Aufbau eines barrierefreien Menüs. Der Artikel beschreibt zunächst die Problematik und bringt dann in 5 Kapiteln eine ausführliche Anleitung.

Besprochene Seite besuchen

Kategorie: | | |

Seite 5 von 5 Seite(n) « Erste  <  3 4 5

 

Aktuelle Seminartermine:

Seminarkalender abonnieren

Icon einer Kalenderdatei
Seminarkalender als .ics-Datei: Für Kalenderanwendungen herunterladen (alle Systeme)
Icon einer Kalenderdatei
Seminarkalender für iCal: Kalender abonnieren (nur Mac OS X)