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

Aktuelle Links zum Thema: »CSS und HTML«

Testumgebungen für CSS3
Jens Grochtdreis beschreibt hier einige Tools für CSS3, die sowohl als Testumgebung wie als CSS3-Generatoren eingesetzt werden können: CSS3, Please. The Cross-Browser CSS3 Rule Generator, CSS gradient generator von display:inline, border radius und CSS3-Playground by Mike Plate.

Besprochene Seite besuchen

Kategorie: |

Schatten css only - Crossbrowser
Schatten um Objekte, nur mit CSS und auch in den Internet Explorern. Ein Beispiel für eine Kombination von CSS3-, Mozilla- und webkit-Syntax, kombiniert mit den IE-Filtern.

Besprochene Seite besuchen

Kategorie: | |

Lösungen für Tooltipps
wdlHenry Jones stellt hier 11 verschiedene Lösungen für Tooltipps auf Webseiten vor: für jQuery, MooTools und reinem CSS.

Besprochene Seite besuchen

Kategorie: | | | |

Freies CSS Drop-Down Menu Framework
Drop Down Menü LogoEin Framework für DropDown-CSS-Menüs, funktional in allen gängigen Browsern mit minimalem Einsatz von JavaScript, ausschließlich für IE 5 und 6. Lizenziert unter der GNU General Public License.

Besprochene Seite besuchen

Kategorie: |

hasLayout - Definition, Probleme und Tipps
on having Layout»hasLayout« ist ein eigenwilliges Konstrukt im Internet Explorer – und die Ursache für zahllose Browserbugs. Das Verständnis dieser Besonderheit der Internet Explorer erleichtert die CSS-Arbeit erheblich. Hier ist das englischsprachige Original zu finden und hier die deutsche Übersetzung.

Besprochene Seite besuchen

Kategorie: |

Safari CSS Reference
Apple Developer ConnectionEine Referenz der CSS-Anweisungen, die Safar (bzw. Webkit) versteht. Enthält auch die experimentellen CSS-3-Eigenschaften.

Besprochene Seite besuchen

Kategorie: | | |

CSS3 Eigenschaften für Webkit-Browser, einschließlich iPhone
CSS3Es gibt doch einige Unterschiede zwischen Safari für den Desktop und das iPhone. John Allsop hat einige getestet und sie sauber in einer Gegenüberstellung aufgelistet.

Besprochene Seite besuchen

Kategorie: | | |

Schöne Formulare in XHTML+CSS
IllustrationEin barrierefreies Formular mit Accesskeys, mit einer leicht verständlichen, deutschsprachigen Anleitung. Interessant ist auch die Diskussion in den zahlreichen Kommentaren, die auf Besonderheiten in verschiedenen Browsern eingeht.

Besprochene Seite besuchen

Kategorie: | | |

Prettier Accessible Forms
Illustration Nick Rigby erläutert bei »A LIST apart« eine weitere Methode, schöne und gleichzeitig barrierefreie Formulare zu erstellen. Das Besondere an seinem Ansatz ist die CSS-Anweisung display: inline-block;, mit dessen Hilfe er dem <label>-Attribut eine feste Breite zuweisen kann. Damit vermeidet er den Einsatz von floatenden Elementen. Vorteil: auch die IE unterstützen diese Technik. Nachteil: diesmal fallen die Mozilla-Browser raus (incl. Firefox). Um Firefox doch zu unterstützen setzt er den proprietären Tag -moz-inline-box ein, kombiniert mit einem doch recht aufwändigen JavaScript. Ich halte diesen Ansatz zwar für sehr interessant, aber auch für reichlich aufwändig.

Besprochene Seite besuchen

Kategorie: | | |

Dropdown- und Flyoutmenüs mit CSS und JavaScript
toolsEs gibt mittlerweile eine Reihe von Dropdown- und Flyout-Menüs, die mit mehr oder weniger JavaScript auskommen. Basis ist im wesentlichen das Pulldownmenü von Eric Meyer, das mit reinem CSS auskommt und kein JavaScript benötigt, allerdings auch nur in modernen Browsern funktioniert, die ausreichend CSS2 unterstützen – also nicht im Internet Explorer. Patrick Griffiths und Dan Web entwickelten in Ihrem Artikel »Sun of Suckerfish Dropdowns« diesen Ansatz weiter und ergänzten ihn um um ein kleines JavaScript, das die fehlende Funktionalität in den Internet Explorern ab Vs. 5 bereit stellt. Christian Heilmann baut diesen Ansatz noch einmal weiter aus und stellt mit »YADM – Yet another dynamic menu« kleines Framework für Pulldownmenüs zur Verfügung. Eine weitere Variante von Suckerfish ist bei solarDreamStudios zu finden.
Die umfangreichste Sammlung an Menüs (Dropdown oder Flyout) ist zweifellos bei Stu Nichols auf CSSplay zu finden. Er hat es mittlerweile geschafft, diese Menüs nur mit Hilfe von CSS auch im Internet Explorer 6 zum Laufen zu bringen (mit trickreichen Conditional Comments, die das Menü in Tabellen packen). Zusätzlich bietet er auch Varianten mit kurzen JavaScripts an, allerdings auf einer eigenen Seite.
Achtung: die Menüs von Stu Nichols sind nur für den nicht kommerziellen Einsatz frei; eine Verwendung in kommerziellen Projekten erfordert eine schriftliche Zustimmung und eine Spende.
(14.3.2008)

Besprochene Seite besuchen

Kategorie: | | |

sIFR3: Dynamische Schriftersetzung auf Webseiten mit Flash
sifr IllustrationsIFR3 ist eine Bibliothek aus JavaScripts, mit deren Hilfe auf Webseiten Text in beliebigen Tags oder CSS-Containern durch Flashfilme ersetzt werden kann. Dadurch ist eine typografisch einwandfreie Darstellung von beliebigen Schriften möglich. Im Gegensatz zu anderen Schriftersetzungstechniken ist sIFR3 suchmaschinenfreundlich, auch in CMS-Systemen einfach zu implementieren, flexibel und sogar halbwegs barrierefrei. Die Technik hat allerdings auch einige Nachteile; eine genauere Diskussion finden Sie in diesem Artikel, ein Beispiel hier.

Besprochene Seite besuchen

Kategorie: | | |

Zen Garden
Logo ZengardenMehr als 200 unterschiedlich gestaltete Varianten einer einzigen HTML-Seite. Die Herausforderung für alle Webdesigner: das HTML darf/kann nicht verändert werden, einzige Gestaltungsmöglichkeit sind eigene Cascading Style Sheets. Ein einzigartiges CSS-Archiv.

Besprochene Seite besuchen

Kategorie: |

Typografie im Internet
Logo KammererEine schön gestaltete Einführung in Typografie von Matthias Kammerer mit Schwerpunkt auf der Anwendung im Internet. Themen sind Schriftauszeichnungen, Anführungszeichen und typische Fehler bei der Anwendung.

Besprochene Seite besuchen

Kategorie: | | |

Typografie auf Webseiten
Jendryscheck IconMichael Jendryscheck fasst ein seinem Artikel eine Vielzahl von Imformationen zum Thema Typografie im Web zusammen: korrekte Umsetzung von Leerzeichen, Abständen, Strichen, Anführungszeichen, Apostroph, Zahlen und Währungszeichen, mathematische Symbole und Formeln.

Besprochene Seite besuchen

Kategorie: | | |

CSS-Stile für Paginierungen
AugeEine Sammlung von 17 verschiedenen CSS-Stilen für Seitenzahlen bzw. Paginierung von Webseiten.

Besprochene Seite besuchen

Kategorie: |

HTML Entity Character Lookup
LeftLogic - LogoHier können Sie für Sonderzeichen sehr bequem die passenden Entities suchen: in das Suchfeld einfach das gewünschte Zeichen eingeben und sofort erscheinen (via AJAX) die passenden Entities. Sehr praktisch. Für Mac-Anwender bietet leftlogic auch ein Dashboard Widget zum Download. (via pixelgraphix - dort sind in den Kommentaren noch weitere Tools für Mac-Anwender zu finden. )

Besprochene Seite besuchen

Kategorie: | | | |

Mikroformate
einfach fuer alleBei Einfach für Alle findet man eine kleine Linksammlung zum Thema Mikroformate. Unter anderem ein mehrteiliges Tutorial von Stefan Münz (dem Gründer von SelfHTML), einen Generator für vCard/hCard sowie eine Werkzeugsammlung, mit deren Hilfe man sich die Erstellung von Mikroformaten erleichtern kann. Eine kurze Einführung gibts meinem Artikel »Microformats schwer im Trend«.

Besprochene Seite besuchen

Kategorie: | |

Formularelemente mit CSS gestalten
Bild 1-6Roger Johansson gibt einen umfassenden Überblick über die Gestaltung von einzelnen Formularelementen mit CSS – sehr wertvoll sind vor allem die zahllosen Screenshots, die acht Browser auf Mac und Windows direkt miteinander vergleichen (via F-LOG-GE)

Besprochene Seite besuchen

Kategorie: |

Drucken von Webseiten
markup - LogoEine knappe Übersicht über gängige Methoden, den Ausdruck von Webseiten zu optimieren und für den Anwender bequemer zu gestalten von Björn Seibert auf markup. Auch die Kommentare zum Artikel sind interessant.

Besprochene Seite besuchen

Kategorie: | |

Moderne Formulargestaltung
dr web logoIm Dr. Weblog beschäftigt sich Vitaly Friedmann mit »Formulare und Umfragen: Moderne Lösungen« und präsentiert Formulare in modernem, schönen Gewand.

Besprochene Seite besuchen

Kategorie: | | |

Seite 1 von 5 Seite(n)  1 2 3 >  Letzte »

 

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)