Médias

Médias

Formes

square

round

cover

Proportions

cover + 16-9

Document intégré

Un iframe remplit sa boîte, donc la boîte porte la taille : un modificateur de ratio, ou media--fill pour prendre la hauteur que le parent donne.

media--fill · actions

16-9

Superposition

media--bg / media--fg

Vue

Le même cadre qu'un fragment vue, pour un document dont l'adresse n'est connue qu'une fois la page exécutée.

Cadre

Une image dans son cadre, rendue par le serveur avec media() ou par le composant vue media : un lien quand elle mène quelque part, une légende sur son pied, et une lueur pendant qu'elle charge ou quand il n'y en a pas.
Une légende sur son pied

media() · href · caption

media(null) · placeholder

Mosaïque

Des images de toutes hauteurs serrées côte à côte sans trou, chacune aussi haute que son ratio le dit, autant de colonnes que la place en prend : wall() le rend côté serveur, la forme est css/shapes/wall.

Mosaïque d'une collection

Le même mur pour une collection d'entités, lue dans l'api une page à la fois au fil du défilement : la page suivante arrive avant que le pied du mur soit atteint.

Recadrage

Quelle partie d'une image garder, choisie sur l'image : la zone se déplace, un coin la redimensionne, les flèches la déplacent et avec Maj la redimensionnent. Elle est donnée en pixels de l'image — ce par quoi un serveur recadre — et crop() la découpe ici quand c'est la découpe qui est envoyée. Un ratio la tient (1 pour un portrait, affiché rond), ou elle est libre, comme pour une signature.