200906Nov

CSS: 20 kleine Tipps und Tricks mit großer Wirkung

Oft sind es Kleinigkeiten und banale Einstellungen, die in CSS eine große Wirkung erzielen. Bei hartnäckigen Problemen hilft meistens nur langwieriges Ausprobieren oder Hilfestellungen aus dem Netz. Zeit spart man, indem man auf bewährte Lösungen zurückgreift. Natürlich gibt es keine perfekt zugeschnittenen Lösungen, denn viele Probleme sind sehr individuell und so muss das Patentrezept in der Regel selbst entwickelt werden. Dennoch kann man sich für allgemeine Aufgaben Hilfe aus diversen Tipp-Sammlungen, Büchern oder Cheatsheets holen.
Bei ViralPatel gibt es derzeit einen interessanten Artikel, der 20 generelle Tipps und Tricks für Cascading Style Sheets enthält.

ViralPatel - 20 Very Useful CSS Stylesheet Tips & Tricks

Die kleinen Codebausteine dürften den meisten Webentwicklern bekannt sein, dennoch könnte ein nützliches Snippet dabei sein. Unter Anderem finden sich in der Sammlung Codes für Cross-Browser-Transparenz, eine druckfreundliche Darstellung oder das Zentrieren eines Containers. Ein Trick verhindert zum Beispiel das "Springen" von Firefox, sobald eine Scrollbar auf einer Seite benötigt wird (Scrollbar Jump):

  • html {
  • overflow-y: scroll;
  • }

Damit wird die vertikale Scrollbar in Firefox also dauerhaft angezeigt, was die Verschiebung der Seite verhindert.
Für die persönlichen Lesezeichen ist die Sammlung sicherlich eine schöne Ergänzung.