Sass

Dev front

Pico CSS • Minimal CSS Framework for semantic HTML

Pico CSS est un framework CSS minimaliste et léger, conçu pour offrir une syntaxe sémantique. Il permet de créer des designs réactifs et élégants avec peu de classes et sans dépendances, offrant des styles élégants uniquement avec du HTML pur. Il propose également des fonctionnalités comme la prise en charge de plusieurs modes de couleur et une personnalisation via plus de 130 variables CSS.

Dev front

Sass & Overriding Bootstrap Variables

Cet article présente une vidéo tutorielle sur l'utilisation de Sass pour personnaliser et remplacer les variables de Bootstrap. Il couvre la configuration de Webpack Encore et montre comment organiser les fichiers Sass en parties (partials) tout en permettant une meilleure gestion des styles CSS. Les exemples de code et de structure de fichiers sont également fournis pour aider à la compréhension et à la mise en œuvre des concepts abordés.

Autre

Styling Emails with Encore & Sass Part 1

Ce tutoriel présente la manière d'utiliser Symfony, Encore et Sass pour styliser des emails de manière efficace. Il explique l'installation de Foundation Emails via Yarn, l'importation des fichiers CSS nécessaires, ainsi que la création d'une entrée email à l'aide de Twig. Ce contenu est utile pour ceux qui souhaitent améliorer l'apparence de leurs emails via des techniques modernes.

Dev front

Tout savoir sur les variables CSS (custom properties)

Cet article explique l'utilisation des variables CSS dans le développement web, soulignant leur praticité pour centraliser et réutiliser les styles, améliorer la maintenance du code et faciliter la personnalisation de thèmes. En comparant les variables CSS aux préprocesseurs comme Sass et LESS, il montre comment elles offrent un support natif sans compilation et permettent des modifications en temps réel. Les avantages des variables CSS incluent également leur flexibilité et leur compatibilité avec la plupart des navigateurs modernes, faisant d'elles un outil essentiel pour les développeurs.