Extraits de code 2025, Février

Nous avons parlé de "Pourquoi Ems?" ici avant. Pour ces nouvelles valeurs em, le Mozilla Developer Network fait un excellent travail pour expliquer ems: ... an em is "

Traiter les chemins est toujours un peu ennuyeux, vous le concéderez. Heureusement, il est extrêmement facile avec Sass d'avoir une belle API pour gérer les actifs et "

Bien que très utile avec l'arithmétique, Sass est un peu court avec les fonctions d'aide mathématiques. Il y a eu un problème ouvert sur le référentiel officiel pour "

Via Alex King, vous pouvez utiliser des variables pour les sélecteurs: $ a-tags: 'a, a: active, a: hover, a: viewed'; $ a-tags-hover: 'a: active, a: hover'; # ($ a-tags) (couleur: "

Framework Sass Compass fournit une fonction pratique pour obtenir la direction opposée d'une position, par exemple à gauche lors du passage à droite comme argument. Ce"

Si vous souhaitez gérer votre propre préfixe de fournisseur CSS (plutôt que, disons, Autoprefixer ou Compass), voici un mixin pour vous aider. Plutôt"

Il n'existe pas de moyen simple de qualifier un sélecteur à partir de son jeu de règles associé. Par qualifier, j'entends ajouter un nom d'élément (par exemple a) à une classe "

Cet article de juillet 2013 décrit une méthode d'utilisation des éléments psuedo pour maintenir le rapport hauteur / largeur des éléments, même lors de sa mise à l'échelle. Voici un mixin Sass qui "

La conception matérielle a été partout ces derniers temps. Une partie consiste à empiler des couches les unes sur les autres comme de vraies feuilles de papier. Atteindre"

S'il y a un raccourci CSS qui manque considérablement, c'est celui qui permet de définir la propriété de position, ainsi que les quatre propriétés de décalage "

Les créations Responsive Web Design existent souvent sur plusieurs points d'arrêt différents. La gestion de ces points d'arrêt n'est pas toujours facile. Utilisation et mise à jour "

Lorsque l'on approfondit la théorie des couleurs, il y a quelque chose qu'on appelle la luminance relative des couleurs. Pour faire simple, la luminance d'une couleur définit si son "

Pour les créateurs de bibliothèques et les constructeurs de framework, avoir quelques fonctions supplémentaires pour appliquer dynamiquement des fonctions aux éléments d'une liste peut s'avérer utile. Ici"

Lors de l'extension d'un sélecteur avec la directive @extend, Sass ne prend pas le contenu CSS du sélecteur étendu pour le placer dans celui qui s'étend. Il"

Lorsqu'il s'agit de nombres en JavaScript ou dans tout autre langage de programmation, il existe un moyen de tronquer un nombre après n chiffres. Malheureusement il n'y a pas"

Les courbes de Bézier peuvent être utilisées pour ajouter de beaux effets aux transitions et animations CSS. Taper la notation fonctionnelle complète (par exemple, cubic-bezier (0,550, "

Lorsque vous travaillez sur des architectures Sass complexes, il n'est pas rare d'utiliser des cartes Sass pour maintenir la configuration et les options. De temps en temps, vous verrez des cartes "

Les barres de défilement sont l'un de ces composants d'interface utilisateur qui sont présents sur presque toutes les pages d'Internet, mais nous (les développeurs) avons peu ou pas de contrôle dessus. "

Il existe un hack CSS assez populaire utilisant des bordures transparentes sur un élément de largeur 0 / hauteur 0 pour imiter des triangles. Il y a un extrait CSS ici sur CSS-Tricks "

En supposant que l'élément parent a la position: relative ;, ces quatre propriétés centreront un élément enfant à la fois horizontalement et verticalement à l'intérieur, peu importe "

Lors de la conversion d'un nombre sans unité en une longueur, une durée, un angle ou autre, les gens ont tendance à simplement ajouter l'unité sous forme de chaîne, comme ceci: $ value: 42; "

En informatique, nous utilisons le mot pince pour restreindre un nombre entre deux autres nombres. Une fois serré, un nombre conservera sa propre valeur "

Je me retrouve à utiliser ces propriétés ensemble tout le temps, ce qui est généralement une bonne opportunité pour une abstraction comme un mixin: @mixin coverer ("

La meilleure introduction à BEM est de Harry Roberts: BEM - qui signifie bloc, élément, modificateur - est une méthodologie de dénomination frontale conçue par les gars de "

Le caractère & dans Sass est unique en ce qu'il représente le sélecteur actuel. Cela change au fur et à mesure que vous nidifiez. Disons que vous êtes imbriqué, mais que vous souhaitez accéder à un "

Il est assez courant d'avoir besoin d'un peu de noir ou de blanc transparent. En CSS, vous pouvez faire: .half-black (background: rgba (0, 0, 0, 0.5);) Cela devient plus facile dans "

Cette collection de fonctions sert à tester si la valeur d'une variable est d'un certain type. Par exemple, 13rem est-il une longueur relative? VRAI! Est "glacial"

Function getZeroPaddedNumber ($ value, $ padding) (return str_pad ($ value, $ padding, "0", STR_PAD_LEFT);) Utilisation echo getZeroPaddedNumber (123, 4); // les sorties"

Cette expression régulière ci-dessous teste le code postal fourni s'il commence par les numéros 096 et qu'il y a exactement 2 chiffres après. Si c'est le cas, il fait écho Oui, si "

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