Media
Media
Forme
square
round
cover
Rapporto d'aspetto
cover + 16-9
Documento incorporato
Un iframe riempie la sua casella, quindi la casella determina la dimensione: un modificatore di rapporto, o media--fill per prendere qualsiasi altezza fornita dal genitore.
media--fill · actions
16-9
Sovrapposizione
media--bg / media--fg
Vue
Lo stesso frame di un parziale vue, per un documento il cui indirizzo è conosciuto solo una volta che la pagina è in esecuzione.
Cornice
Un'immagine nella sua cornice, dal server con media() o come componente vue media: un link quando porta da qualche parte, una didascalia sopra il suo piede, e un bagliore mentre si carica o quando non ce n'è.
media() · href · caption
media(null) · placeholder
Mosaico
Immagini di ogni altezza impilate affiancate senza spazi vuoti, ognuna alta quanto dice il suo rapporto, le colonne tante quanto ne contiene la stanza: wall() la estrae dal server, la forma è css/shapes/wall.
Parete di una collezione
La stessa parete come collezione di entità, letta dall'api una pagina alla volta mentre viene scorsa: la pagina successiva arriva prima che si raggiunga il piede della parete.
Ritaglia
Quale parte di un'immagine mantenere, scelta sull'immagine: l'area si muove, un angolo la dimensiona, le frecce la spostano e con Shift la dimensionano. Si dice nei pixel stessi dell'immagine — ciò che un server ritaglia — e crop() la taglia qui quando il taglio è inviato invece. Un rapporto la tiene (1 per un ritratto, mostrato rotondo), oppure è libera, come una firma richiede.