CSS3: Viewport größen (VH, VW, VMIN, VMAX)

Durch CSS3 stehen Entwicklern neue und nützliche Größeneinheiten zur Verfügung. Unter anderem gibt es die Einheiten VH und VW, welche die Viewport-Größen angeben. Was dies genau bedeutet, möchte ich hier behandeln Wollte man mit CSS2.1 einen Bereich so hoch oder so breit wie die Fenstergröße machen, musste man in einigen Fällen zu JavaScript oder komplizierten Prozentangaben greifen. Mit CSS3 entfällt dieser Aufwand endlich. Mit den folgenden Einheiten kann man einfach und schnell die Größe des Viewports verwenden. Einheit Bedeutung / Erklärung vh Viewport height. Steht für die höhe des Fensters. Z.B. 70vh = 70% des Fensters. vw Viewport width. Steht...

HTML & CSS: Lücken zwischen Inline-Block Listen entfernen

Einige von euch - vor allem langjährige HTML & CSS Entwickler - kennen eventuell das Problem: Man möchte mit display: inline-block zwei oder mehr Elemente nebeneinander haben, allerdings bleibt eine kleine Lücke. Selbst nach langem Debuggen kann man den Fehler nicht ausfindig machen, doch das Problem ist eigentlich ziemlich einfach zu beheben. Ich habe um es zu vereinfachen einen kleinen Beispielcode vorbereitet: So soll es nicht aussehen! Lösung 1: letter-spacing: -4px <style> li { display: inline-block; height: 100px; width: 120px; font-size: 50px; } </style> <ul> <li>No1</li> <li>No2</li> <li>No3<...