Pour une expérience moderne relative aux applications, l'utilisation d'animations et de graphismes légers est essentielle. Les pages suivantes apportent ce dont vous avez besoin dans ce domaine.
- Transformations CSS
- Les transformations CSS permettent de faire pivoter, changer l'échelle et agrandir ou réduire des contenus HTML, en bénéficiant de l'accélération matérielle si elle est disponible, et tout cela sans s'appuyer sur du code JavaScript.
- Transitions CSS
- Les transitions CSS permettent d'animer des modifications des CSS. Une fois un effet de transition configuré, les modifications apportées à vos CSS sont appliquées sur une certaine période de temps et non instantanément. Cela rend possible de créer simplement et efficacement une large variété d'effets visuels dans les applications.
- Animations CSS
- Les animations CSS permettent d'animer les modifications de votre document à un niveau plus précis grâce à l'utilisation de points-clés pour configurer l'animation. Cela permet également de créer des animations en boucle contrairement aux effets qui ne s'appliquent qu'une fois, comme dans le cas des transitions, et tout cela sans s'appuyer sur JavaScript.
- HTML canvas
- L'élément HTML
<canvas>fournit un espace de travail graphique en 2D dans lequel vous pouvez dessiner. Les usages sont multiples, par exemple les jeux 2D. - WebGL
- WebGL est une version adaptée au Web d'OpenGL ES. Elle apporte à vos applications le support de l'accélération matérielle des graphismes 3D.
- SVG
- Scalable Vector Graphics (SVG) est une technologie permettant de dessiner des graphismes vectoriels par opposition aux images bitmap. Cela est important pour présenter des tableaux et diagrammes à différentes échelles ainsi que pour des interfaces utilisateurs de haute qualité quelle que soit la résolution.