Bilder ohne width/height

Bilder ohne width/height

Die Richtlinien schreiben vor die Größen Angaben für Bilder immer zu setzen um dem Browser die Arbeit zu erleichtern das Layout richtig darzustellen und die Geschwindigkeit nicht zu beeinträchtigen. Da man aber öfters vergisst die width/height zu setzen, ist es sehr aufwendig im Quellcode nach den Stellen zu suchen.

Um das zu erleichtern, haben die Jungs aus 37signals.com einen simplen und Genialen CSS Helper geschrieben:

img:not([width]):not([height]) {
  border: 2px solid red !important;
}

Nach dem Einbau in die Seite, kann man im Developer Modus die Bilder mit einem Roten Rahmen einfacher im Layout finden.