Artikel mit Schlagwort
Platform News: Abgerundete Outlines, GPU-beschleunigte SVG-Animationen, wie CSS-Variablen aufgelöst werden
In den Nachrichten diese Woche: Firefox erhält abgerundete Outlines, SVG-Animationen sind in Chrome jetzt GPU-beschleunigt, es gibt keine physischen Einheiten in CSS, das Kreuzworträtsel der New York Times ist barrierefrei und CSS-Variablen werden aufgelöst, bevor der Wert vererbt wird…
Was bedeutet 100% in CSS?
Wenn man Prozentwerte in CSS wie folgt verwendet…
.element {
margin-top: 40%;
}
…was bedeutet dieser %-Wert hier? Wovon ist er ein Prozentsatz? Es gab so viele Momente, in denen ich Prozentsätze verwendet habe und etwas Merkwürdiges passierte. …
Ein Objekt mit fester Größe in ein responsives Element verwandeln
Ich war kürzlich in einer Situation, in der ich ein iPhone auf einer Website zeigen wollte. Ich wollte, dass Benutzer mit einer App-Demo auf diesem „Mock-Up“-Telefon interagieren können, also musste es in CSS gerendert werden, …
`lh` und `rlh` Einheiten
Es gibt einige neue Einheiten aus der Level 4 Spezifikation für CSS-Werte, die mir völlig unbekannt waren! Die lh Einheit ist „gleich dem berechneten Wert der line-height“ und rlh ist dasselbe, nur für das Root-Element …
Entwicklung einer Seitenverhältnis-Einheit für CSS
Rachel Andrew berichtet, dass die CSS Working Group bei einem kürzlichen Treffen eine Einheit für das Seitenverhältnis entworfen hat. Die Idee ist, eine elegante Lösung für jene Fälle zu finden, in denen die Höhe eines Elements berechnet werden soll auf Basis von …
Gradians und Turns: Die stillen Helden der CSS-Winkel
Ich liebe es, auf kleine, übersehene CSS-Juwelen zu stoßen, wie die Einheiten Gradian (grad) und Turn (turn), die Ken Bellows in seinem Beitrag erklärt. Ich weiß nicht, vielleicht kennt ihr sie ja schon, aber …
Die Längen von CSS
Es gibt etliche Eigenschaften in CSS, die eine Länge als Wert akzeptieren. Die Box-Modell-Eigenschaften sind die offensichtlichen: width, height, margin, padding, border. Aber auch viele andere: die …