Defensives CSS

Avatar of Chris Coyier
Chris Coyier on

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!


Ahmad Shadeed trifft es wieder mit „Defensives CSS.“ Die Idee ist, dass Sie CSS so schreiben sollten, dass es auf Probleme vorbereitet ist, die durch dynamische Inhalte verursacht werden.

Mehr Elemente als erwartet? Kein Problem, der Bereich kann sich erweitern oder scrollen. Titel zu lang? Kein Problem, er bricht entweder um oder wird gekürzt und stößt nirgendwo seltsam an, da Ränder oder Lücken richtig gesetzt sind. Bild kommt in unerwarteter Größe an? Keine Sorge, das Layout ist so konzipiert, dass der dafür vorgesehene Bereich mit dem Bild gefüllt wird und die Größenanpassung/Zuschneidung entsprechend handhabt.

Es gibt nichts wie ein guter CSS-Entwickler, der nicht defensiv codiert. Das ist, was einen CSS-Entwickler ausmacht, besonders wenn man Konzepte der progressiven Verbesserung und Unbekannte von Browsern/Geräten berücksichtigt.