kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …

CSS


Scrolling-Probleme und -Lösungen

Scrolling zählt zu den elementaren Bedienkonzepten im Web. Dennoch gibt es viele Probleme bei der Implementierung der gewünschten Scrolling-Funktion sowie beim Design des Scrollverhaltens. Die Evil Martians haben einen ausführlichen Artikel veröffentlicht, der alle typischen Probleme im Zusammenhang mit Scrolling beschreibt und Lösungen anbietet.

Direkter Link zum Artikel

CSS display: contents;

Als Frontend-Designer steht man ab und zu vor dem Problem, dass die semantisch beste HTML-Struktur mit CSS nicht in die gewünschte Form gebracht werden kann. Oft werden daher Abstriche im HTML-Markup in Kauf genommen. Dieser Fall tritt auch dann ein, wenn Layout-Techniken wie Flexbox oder Grid genutzt werden. Mit dem CSS-Befehl display: contents; gehören solche Schwierigkeiten der Vergangenheit an.

Beitrag zu Ende lesen

Schärfere Bilder im Chrome

Im responsive Webdesign werden Bilder gegebenenfalls automatisch verkleinert.
Leider rendert Google's Browser Chrome Bilder beim Verkleinern nicht so, wie es bei guten Bildbearbeitungsprogrammen der Fall ist und gibt diese daher nicht mit der gleichen Schärfe, wie das ursprüngliche Bild aus. Artem Syzonenko stellt einen kleinen Hack vor, um verkleinerte Bilder im Chrome schärfer darzustellen.

Direkter Link zum Artikel

Bootstrap 4 ist da!

Es hat über drei Jahre gedauert aber jetzt ist es da – Bootstrap 4. Die Beta Phase ist offiziell vorbei und die stabile Version der Frontend-Library in Version 4 ist zum Download verfügbar. Neben der Überarbeitung der Print Styles, dem Umgang mit Borders und der Erweiterung der Flexbox-Grids wurde in den letzten Zügen der Beta Phase auch das Markup von Checkboxen und Radio-Controls auf die Validierungsmöglichkeiten von Formulareingaben ausgerichtet. Außerdem wurde daran gearbeitet die Dokumentation und Beispiele auf den neusten Stand zu bringen.

Direkter Link zum Artikel