Front-end

Manipuler le moteur CSS pour faire fonctionner votre code sur tous les navigateurs du marché ? C’est désormais possible avec le projet Houdini.

Que contient Houdini CSS ?

Ce projet est un ensemble de plusieurs API qui effectuent chacune une ou plusieurs actions sur le moteur CSS. Voici la liste :

Layout API : permet aux développeurs de créer leurs propres algorithmes de mise en pages. Nous avons aujourd’hui le Bloc Flow / Flex / Table. Grâce à cet API, nous pourrions développer un module de mise en pages de type Masonry utilisant le moteur CSS du navigateur.

Parser API : permet de récupérer la valeur d’une propriété CSS de type string la manipuler via un objet. Permet d’étendre les fonctionnalités déjà existantes (exemple : une nouvelle unité de taille)

Paint API : que l’on vous décrira dans le prochain paragraphe

Properties & Values API : permet de définir des propriétés CSS ainsi que les valeurs associées. Cette API utilise Parser API pour définir le type de donnée (couleur, taille, etc)

AnimationWorklet : permet de créer des animations de type scroll ou des animations complexes via le moteur de rendu CSS, ce qui garantit de hautes performances

CSS Typed Object Model : nouvelle interface javascript permettant de manipuler le CSS. Ce modèle d’objet utilise des types, des méthodes et à terme va remplacer l’ancienne interface CSSOM qui est beaucoup moins fiable.

Font Metrics API : permet de récupérer les informations de taille de police du document selon un contexte donné (Quelle taille va prendre mon texte avec une police donnée, une taille donnée, un contexte donné).

 

Cet article vous a plus ? Découvrez tous nos autres articles techniques sur le blog de Numendo !

Partager

Twitter Linkedin

Vous serez peut-être aussi intéressé par :

Mise à jour GSAP 3 : découvrez les nouveautés de la bibliothèque JavaScript

GSAP est une bibliothèque d’animation JavaScript. Si vous êtes l’avez manqué, nous vous invitons à lire notre article sur GreenSock GSAP : animez le HTML de votre site !

Dans cet article, nous allons nous intéresser à la mise à jour que GSAP nous a proposée récemment.

GSAP 3, c’est, un changement sur le poids et les fonctionnalités proposées par la bibliothèque JavaScript. Son poids est divisé par 2 par rapport à TweenMax (116ko, la plus lourde bibliothèque JavaScript proposée par GSAP contre 58ko pour GSAP 3), tout en ajoutant plus de 50 nouvelles fonctionnalités.

HyperApp : une bibliothèque JavaScript de seulement 1 KB ?

Annoncé en fin d’année 2017, HyperApp est une bibliothèque JavaScript proposant de nombreuses fonctionnalités, le tout pour un poids de seulement 1KB ! Ce qui est relativement peu comparé à Jquery par exemple, qui pèse une trentaine de KB. Malgré ce côté insolite, cette bibliothèque est-elle quand même performante ? La réponse dans cet article !

Firefox Quantum : Un navigateur d’avenir ?

Mozilla l’a annoncé : le 14 novembre sortira Firefox Quantum ! Un nouveau navigateur deux fois plus puissant que Google Chrome remplis de nouvelles fonctionnalités dont la réalité virtuelle !

Centre de préférences de confidentialité

Cookies Fonctionnels

gdpr[allowed_cookies], gdpr[consent_types], wfvt_2000878799, wordfence_verifiedHuman

Advertising

Cookies Satistiques

_ga, _gat, _gid

Cookies externes

PREF, VISITOR_INFO1_LIVE, YSC, GPS, s_gl, CONSENT
CONSENT, 1P_JAR