Lisardo EDV Beratung
Katharinengasse 20, Rückgebäude
Eingang über Bleigäßchen 5
86150 Augsburg
Tel.: 0821-150565
Fax: 0821-150595
E-Mail: info@lisardo.de
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.
Kategorie: CSS und HTML | CSS-Listen | CSS-Menus
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.
Kategorie: Webworking | Webdesign | CSS und HTML
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.
Kategorie: CSS und HTML | CSS-Beispielseiten
Testseite zur Zeilenbreite
Eine Testseite zum Testen des Zusammenhangs zwischen Schriftgrößen und Zeilenbreiten in verschiedenen Maßsystemen (Pixel und ems).
Kategorie: Webworking | Webdesign | Webtypografie | CSS und HTML
korhoen typeviewer
Eine Testseite zum Testen von Schriftformatierungen und Zeilenbreiten.
Kategorie: Webworking | Webdesign | Webtypografie | CSS und HTML
Grundlagen für Spaltenlayout mit CSS
Eine 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.
Kategorie: Webworking | CSS und HTML | Tabelle vs. CSS-Layout
Modernes Webdesign verbreiten - Aussicht auf 2006
Matthias 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.
Kategorie: Webworking | CSS und HTML | Tabelle vs. CSS-Layout
Sind Tabellelayouts barrierefreier?
Ein interessanter Beitrag von den Websozis zur Diskussion Tabellenlayout vs. CSS-Layout aus der Sicht der Barrierefreiheit.
Kategorie: Webworking | CSS und HTML | Tabelle vs. CSS-Layout | Barrierefreiheit | Barrierefreie Techniken
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.
Kategorie: Webworking | Webdesign | Webtypografie | CSS und HTML
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.
Kategorie: CSS und HTML | CSS-Tabellen | Barrierefreiheit | Barrierefreie Techniken
CSS.MAXDESIGN.COM.AU: Listen, Floats und Selects im CSS
Alles, 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)
Kategorie: Webworking | CSS und HTML | CSS-Listen | CSS-Menus | Barrierefreiheit | Barrierefreie Techniken
Barrierfreie Navigationsmenüs
Einer 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.
Kategorie: Webworking | CSS und HTML | Barrierefreiheit | Barrierefreie Techniken
Seite 5 von 5 Seite(n) « Erste < 3 4 5