CSS organisieren und aufräumen
CSS-Dateien entwickeln sich schnell zu einem brodelnden Hexenkessel. Sie wachsen, werden unüberschaubar und versanden in Redundanz. Wie behalten wir die Übersicht und wie finden wir das CSS above the fold?
CSS-Dateien entwickeln sich schnell zu einem brodelnden Hexenkessel. Sie wachsen, werden unüberschaubar und versanden in Redundanz. Wie behalten wir die Übersicht und wie finden wir das CSS above the fold?
Formulare machen dem Benutzer mit mobilen Geräten das Ausfüllen schwer. Ohne besondere Auszeichnung durch angepasstes CSS sind die Eingabefelder mikroskopisch klein. placeholder und label sind die wichtigsten Elemente bei der Gestaltung von Formularen, die dem Benutzer auf mobilen Geräten entgegenkommen.
Seitdem die modernen Browser @font-face in wunderbarer Harmonie unterstützen, können ladbare Fonts mit ausreichender Sicherheit in Webseiten eingebettet werden.
Positionieren mit float ist der Standard im Webdesign. float ist aber auch die häufigste Ursache für Kopfschmerzen und Schwindelgefühl.
Wenn die HTML-Tabelle bei border-radius partout keinen abgerundeten Rahmen zeigen will, ist wahrscheinlich border-collapse: collapse schuld.
Mit CSS3 hyphens ist die Silbentrennung in HTML-Seiten auf leisen Sohlen eingeschlichen: Endlich trennen Firefox und Safari, Chrome und Edge Silben schmerzfrei.
Google hat Schriften für Webseiten schon 2010 aufgegriffen: die Google Fonts. Ihr direkter Einsatz ist nicht datenschutzkonform, aber Google bietet selber den Download an oder Google Webfont Helper springt ein.
HTML label hilft bei Formularen auf kleinen Monitoren: Wenn das label-Tag nicht einfach vor das Eingabefeld gesetzt, sondern um input gelegt wird, vergrößert es die Touchfläche. HTML label trägt also zur Barrierefreiheit bei und reduziert die Flut der Tags und das CSS für Formulare auf ein Minimum.
CSS text-align:justify richtet Text im Blocksatz aus. Zeitschriften und Bücher setzen im Blocksatz, um dem Text einen ruhigeren Charakter zu geben und das Auge nicht dem unruhigen Flattern des Textes auszusetzen.
CSS für den Drucker – das Drucker-Stylesheet – ist in der Zeit des responsiven Webdesigns und der Tabletts ins Hintertreffen gekommen. Dabei drucken wir alle von Zeit zu Zeit eine Webseite aus. Die papierlose Welt bleibt Science Fiction.
