Css
14 article(s)
Let’s Use the Emergent CSS random() Function in all the Browsers
📖 Lire sur Vigie24L'article présente la création d'un polyfill pour la future fonction CSS random(), permettant ainsi d'intégrer des valeurs aléatoires nativement dans les styles sur tous les navigateurs actuels.

What’s !important #18: <geolocation>, Syntax ::highlight()ing, named-feature(), and More
📖 Lire sur Vigie24Cette édition de la newsletter 'What's !important' compile les meilleures ressources et contenus produits par les développeurs ces dernières semaines. Elle aborde notamment des nouveautés techniques comme la géolocalisation, la syntaxe de surbrillance et la fonction named-feature().

Resolved: CSS Class Prefix Selector
📖 Lire sur Vigie24Une nouvelle proposition CSS a été validée, permettant de sélectionner des classes commençant par un préfixe spécifique à l'aide d'un caractère joker (wildcard). Cela facilitera la gestion des variations de styles via des sélecteurs de type `.prefix-*`.

CSS Navigation Matching, Early Days
📖 Lire sur Vigie24L'article présente le concept de 'CSS Navigation Matching', permettant d'appliquer des styles lors de la navigation entre deux pages spécifiques. L'objectif est de rendre les transitions de vue inter-documents déclaratives en CSS, réduisant ainsi la dépendance au JavaScript.

What’s !important #17: Custom Highlight API, CSS Navigation Matching, Fixing text-stroke, and More
📖 Lire sur Vigie24Cet article présente une compilation de nouveautés et d'astuces CSS, incluant la Custom Highlight API et le CSS Navigation Matching. Il explore également des techniques de stylisation pour les interfaces skeleton et le défilement diagonal.

Animating CSS border-image
📖 Lire sur Vigie24L'article explore l'utilisation et l'animation de la propriété CSS border-image, une fonctionnalité souvent négligée. L'auteur démontre comment animer les tranches d'images de bordure pour créer des effets visuels esthétiques.

Using and Styling the Dialog Element
📖 Lire sur Vigie24Cet article explore l'utilisation et la personnalisation stylistique de l'élément HTML <dialog>. L'auteur partage ses notes techniques sur l'implémentation de cet élément d'architecture web.
Gap Decorations Are Now Available, Here’s What’s New
📖 Lire sur Vigie24Les navigateurs Chrome et Edge (version 149+) supportent désormais les décorations de gap en CSS. Cette nouveauté permet de styliser les espaces entre les éléments de mise en page avec un contrôle accru.

Get Ready For the Powerful CSS border-shape Property!
📖 Lire sur Vigie24L'article introduit la future propriété CSS 'border-shape', qui permettra de créer des formes de bordures plus complexes. Elle complète les récentes fonctions 'shape()' et 'corner-shape' pour enrichir les possibilités de design web.

What’s !important #16: sibling-index() Animations, Use Cases for the infinity Keyword, Container Stuck Queries, and More
📖 Lire sur Vigie24Cet article explore les dernières nouveautés CSS, notamment la fonction sibling-index() pour les animations et l'utilisation du mot-clé infinity. Il aborde également les requêtes de conteneurs 'stuck' et d'autres évolutions techniques du web.

writing-mode
📖 Lire sur Vigie24La propriété CSS 'writing-mode' permet de définir si le texte est disposé horizontalement ou verticalement, ainsi que le sens de progression des blocs. Elle est particulièrement utile pour l'implémentation de langues comme le chinois ou le japonais.

Apprendre le CSS : Gérer le thème foncé / clair
📖 Lire sur Vigie24Ce tutoriel explique comment implémenter un système de thèmes clair et foncé en CSS. Il détaille l'utilisation des variables CSS et des requêtes média pour adapter l'interface utilisateur aux préférences du système.

FLEXBOX CSS : Créer un Site Complet Moderne, Professionnel et Responsif avec les Flexbox !
📖 Lire sur Vigie24Ce tutoriel vidéo explique comment concevoir un site web moderne, professionnel et responsive en utilisant le module Flexbox de CSS. Il guide l'utilisateur dans la création d'une mise en page complète et adaptable à différents écrans.

Tutoriel Complet pour POSITIONNER les Éléments de votre Site avec les FLEXBOX !
📖 Lire sur Vigie24Ce tutoriel détaille l'utilisation du module CSS Flexbox pour positionner et aligner les éléments d'une page web. Il explique les concepts fondamentaux pour créer des mises en page flexibles et responsives.