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 :

Quasar framework

QUASAR, le framework tout en un

Les frameworks front-end aident les développeurs à gagner du temps lors du développement d’un site web ou d’une application. Ils permettent une simplification dans l’écriture du code en proposant des composants ou des fonctionnalités pré-faites selon la spécificité du framework.

Dans cet article nous allons vous présenter le framework front-end nommé Quasar. Son slogan : “Beyond the framework”.

vignette de l'article portant sur la différence entre un framework et une bibliothèque

Quelle est la différence entre un framework et une bibliothèque ?

Avec l’engouement lié à React, Symfony, Vue JS etc… on entend souvent parler de framework ou même de bibliothèque. Que ce soit en front ou même en back, vous pouvez trouver ces termes pour presque tous les langages.
Alors que désignent réellement ces dénominations ? Quelle est la différence entre un framework et une bibliothèque ? On vous propose une définition à la portée de tous de ces termes parfois mal compris 😉

Meetup Numendo

Revivez le dernier meet-up de Numendo et venez assister au prochain !

Fin novembre 2017, Numendo a organisé un meet-up afin de discuter des dernières tendances du développement web. Trois de nos consultants ont fait des conférences sur Angular, la VR et la réalité augmentée.

Vous n’avez pas pu assister au meet-up ? Pas de soucis, vous pouvez toujours regarder la rediffusion disponible dans cet article.