Code Ausschnitte 2025, April

Wir haben über "Warum Ems?" hier zuvor. Für diejenigen, die neu in em Werten sind, erklärt das Mozilla Developer Network ems hervorragend: ... ein em ist "

Der Umgang mit Pfaden ist immer etwas nervig, das werden Sie zugeben. Glücklicherweise ist es mit Sass extrem einfach, eine schöne API zu haben, um Assets zu verwalten und "

Während Sass beim Rechnen sehr hilfreich ist, fällt er bei mathematischen Hilfsfunktionen etwas zu kurz. Es gab ein offenes Problem im offiziellen Repository zu "

Über Alex King können Sie Variablen für Selektoren verwenden: $ a-tags: 'a, a: aktiv, a: schweben, a: besucht'; $ a-tags-hover: 'a: aktiv, a: hover'; # ($ a-tags) (Farbe: "

Sass Framework Compass bietet eine praktische Funktion, um die entgegengesetzte Richtung einer Position zu ermitteln, z. B. links, wenn rechts als Argument übergeben wird. Dies"

Falls Sie daran interessiert sind, Ihr eigenes CSS-Herstellerpräfix zu verwenden (anstatt beispielsweise Autoprefixer oder Compass), finden Sie hier ein Mixin, das Ihnen dabei hilft. Lieber"

Es gibt keine einfache Möglichkeit, einen Selektor aus dem zugehörigen Regelsatz heraus zu qualifizieren. Mit Qualifizieren meine ich, einer Klasse einen Elementnamen (z. B. a) voranzustellen "

Dieser Artikel vom Juli 2013 beschreibt eine Methode zur Verwendung von Pseudo-Elementen, um ein Seitenverhältnis der Elemente beizubehalten, auch wenn es skaliert. Hier ist ein Sass-Mixin, der "

Material Design war in letzter Zeit allgegenwärtig. Ein Teil davon besteht darin, Schichten wie echte Papierbögen übereinander zu stapeln. Erreichen"

Wenn eine Kurzform CSS dramatisch verfehlt, ist es diejenige, die es ermöglicht, die Positionseigenschaft sowie die vier Offset-Eigenschaften zu definieren. "

Responsive Webdesign-Kreationen existieren häufig über mehrere verschiedene Haltepunkte. Die Verwaltung dieser Haltepunkte ist nicht immer einfach. Verwenden und Aktualisieren "

Wenn man tief in die Farbtheorie eintaucht, gibt es etwas, das als relative Farbluminanz bezeichnet wird. Einfach ausgedrückt definiert die Leuchtdichte einer Farbe, ob ihre "

Für Bibliothekshersteller und Framework-Builder kann es nützlich sein, einige zusätzliche Funktionen zu haben, um Funktionen dynamisch auf Elemente einer Liste anzuwenden. Hier"

Wenn ein Selektor mit der Direktive @extend erweitert wird, übernimmt Sass den CSS-Inhalt nicht aus dem erweiterten Selektor, um ihn in den erweiterten Selektor einzufügen. Es"

Beim Umgang mit Zahlen in JavaScript oder einer anderen Programmiersprache gibt es eine Möglichkeit, eine Zahl nach n Ziffern abzuschneiden. Leider gibt es kein"

Bézier-Kurven können verwendet werden, um CSS-Übergängen und -Animationen schöne Effekte hinzuzufügen. Eingabe der voll funktionsfähigen Notation (z. B. Cubic-Bezier (0,550, "

Bei der Arbeit an komplexen Sass-Architekturen ist es nicht ungewöhnlich, Sass-Maps zu verwenden, um Konfiguration und Optionen beizubehalten. Von Zeit zu Zeit sehen Sie Karten "

Bildlaufleisten sind eine dieser UI-Komponenten, die auf fast jeder Seite des Internets vorhanden sind, aber wir (Entwickler) haben wenig bis gar keine Kontrolle darüber. "

Es gibt einen ziemlich beliebten CSS-Hack, bei dem transparente Ränder für ein Element mit 0 Breiten / 0 Höhen verwendet werden, um Dreiecke nachzuahmen. Hier gibt es ein CSS-Snippet zu CSS-Tricks "

Angenommen, das übergeordnete Element hat die Position: relativ;, zentrieren diese vier Eigenschaften ein untergeordnetes Element horizontal und vertikal im Inneren, unabhängig davon, "

Bei der Konvertierung einer Zahl ohne Einheit in eine Länge, Dauer, einen Winkel oder was auch immer wird die Einheit in der Regel einfach als Zeichenfolge angehängt: $ value: 42; "

In der Informatik verwenden wir das Wort Clamp, um eine Zahl zwischen zwei anderen Zahlen einzuschränken. Wenn eine Zahl festgeklemmt ist, behält sie entweder ihren eigenen Wert. "

Ich benutze diese Eigenschaften ständig zusammen, was normalerweise eine gute Gelegenheit für eine Abstraktion wie ein Mixin ist: @mixin coverer ("

Die beste Einführung in BEM stammt von Harry Roberts: BEM - Block, Element, Modifikator - ist eine Front-End-Benennungsmethode, die von den Jungs von "

Das & -Zeichen in Sass ist insofern einzigartig, als es den aktuellen Selektor darstellt. Es ändert sich, wenn Sie nisten. Angenommen, Sie sind verschachtelt, möchten aber Zugriff auf ein "

Es ist ziemlich üblich, ein bisschen transparentes Schwarz oder Weiß zu brauchen. In CSS können Sie Folgendes tun: .Halbschwarz (Hintergrund: rgba (0, 0, 0, 0,5);) Es wird einfacher in "

Diese Sammlung von Funktionen dient zum Testen, ob der Wert einer Variablen von einem bestimmten Typ ist. Ist 13rem beispielsweise eine relative Länge? WAHR! Ist "frostig"

Funktion getZeroPaddedNumber ($ value, $ padding) (return str_pad ($ value, $ padding, "0", STR_PAD_LEFT);) Verwendung echo getZeroPaddedNumber (123, 4); // Ausgänge "

Diese Regex unten testet die angegebene Postleitzahl, wenn sie mit den Nummern 096 beginnt und genau 2 Nummern dahinter stehen. Wenn ja, hallt es Ja, wenn "

$ url = 'http://example.com'; $alid = filter_var ($ url, FILTER_VALIDATE_URL, FILTER_FLAG_HOST_REQUIRED); if ($ validation) $ output = 'richtige URL'; "