Tutoriel de conception et d'algorithmes 2025, Février

Il existe des caractères unicode triangulaires. Vous pouvez dessiner un triangle en SVG. Mais il existe une autre façon de dessiner un triangle sur le Web, n'impliquant rien d'autre que la propriété border et une petite supercherie CSS. "

Certaines animations de défilement sont possibles en CSS sans aucun JavaScript. Regardez simplement le chapitre sur l'indicateur de défilement, qui est clairement de la magie CSS. Mais nous pouvons faire beaucoup de travail d'animation de défilement directement en CSS avec juste une petite information fournie par JavaScript: jusqu'où la page a défilé. "

La propriété box-shadow est évidemment utile pour les ombres claires derrière les éléments, ce qui donne une impression de dimensionnalité et de séparation. Mais box-shadow avait quelques astuces dans sa manche, en particulier avec la façon dont une ombre de boîte n'a pas besoin d'être douce, peut être empilée et n'a même pas besoin d'être particulièrement proche. "

Vous pouvez créer des bandes d'arrière-plan en CSS en utilisant un dégradé linéaire. Nous considérons souvent un dégradé comme un fondu d'une couleur à une autre, mais l'astuce des rayures est de ne pas avoir de fondu du tout. Au lieu de cela, nous pouvons spécifier des «arrêts de couleur» au même endroit, de sorte que la couleur change instantanément d'une (…) »

Peut-être que la plus grande astuce dans toute la grille CSS est de pouvoir écrire une disposition de colonne qui ne déclare pas explicitement le nombre de lignes ou de colonnes, mais les crée automatiquement en fonction d'instructions quelque peu lâches et du contenu que vous fournissez. "

Faire glisser un élément sur l'écran est quelque chose qui est assez fermement dans le territoire de JavaScript. Vous voudrez accéder aux événements DOM tels que les clics et les mouvements de la souris. Mais nous sommes ici pour parler de tromperie CSS alors faisons-le en HTML et CSS uniquement! "

Les libellés doivent avoir des attributs "pour" qui correspondent à l'ID de l'entrée qu'ils étiquettent. Cela signifie que nous pouvons accrocher cet attribut et l'utiliser dans un sélecteur pour "