In meinem Blog gebe ich häufig Tastenkombinationen an, um zu beschreiben, wie bestimmte Dinge bedient werden. Um diese Tastaturkürzel mehr herauszuheben, habe ich einen CSS-Stil entworfen. Hier ein Beispiel:
Bitte drücke Strg + Alt + Entf.
Ich finde, dass die Wörter „Strg“ und „Alt“ sowie „Entf“ aussehen, wie richtige Tasten einer Tastatur. 🙂
Den Code dafür möchte ich natürlich niemanden vorenthalten.
CSS Stil für Keyboard-Tasten weiterlesen
Eine wunderbare Übersicht über alle Maskierungen für HTML-Sonderzeichen (engl. „escapes“) nach dem ASCII-Zeichensatz findet man in der HTML ISO-8859-1 Reference.
Bei der Darstellung von HTML-Elementen und CSS-Formatierung gibt es zwischen dem Internet Explorer 8 und dem Internet Explorer 7 gravierende Unterschiede. Besonders die verschiedene Interpretation von Abständen (padding, margin) bereiten Web-Entwicklern große Probleme.
Sehr oft musste man Conditional Comments benutzen, um die verschiedenen Anzeigen zu bewältigen. Doch damit ist jetzt Schluss! Microsoft hat im IE8 eine Funktion zur Abwärtskompatibilität eingebaut, so dass es möglich ist, das Anzeigeverhalten vom IE8 auf das Anzeigeverhalten vom IE7 einzustellen.
Dafür ist nur folgender Code nötig:
<html> <head> <!-- Mimic Internet Explorer 7 --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <title>Titel</title> </head> <body> <p>Diese Webseite sieht im IE8 so aus wie im IE7.</p> </body> </html> |
Möchte man in einem vorgegebenen Link den Text unsichtbar machen und durch ein Hintergrundbild ersetzen, so ist das Erste was einem einfällt color: transparent; für die Linkfarbe. Leider ist diese Eigenschaft nicht spezifiziert in CSS 2.1.
Trotzdem möchte ich eine Möglichkeit zeigen, die nach CSS 2.1 gültig ist und im Internet Explorer 6-8 sowie im Mozilla Firefox funktioniert.
Link-Text durch Grafik ersetzen weiterlesen
Wer barrierefreie Webseiten erstellen möchte, der sollte einen Blick auf den BITV-Test werfen. Der BITV-Test ist ein Prüfverfahren für der Barrierefreiheit von Webseiten. Man findet dort sehr nützliche Prüfschritte.
Browsershots.org bietet die Möglichkeit an, seine Webseite in unterschiedlichen Browsern zu testen. Folgende Webbrowser sind dabei:
Linux
Windows
Die einzelnen Internet Explorer Versionen lassen sich ganz gut mit dem IE NetRenderer von GEOTEK testen. Für Safari gibt es Browsrcamp.com. Mit dem Programm Optool kann man auch alle Browser auf seinem Rechner austesten, sofern man sie installiert hat. Ansonsten empfiehlt sich der VMware Player zur Emulation eines anderen Systems (inkl. Browser).