Media
Media
Vormen
square
round
cover
Aspectverhouding
cover + 16-9
Ingebed document
Een iframe vult zijn vak, dus het vak bepaalt de grootte: een verhouding modifier, of media--fill om de hoogte te nemen die de ouder geeft.
media--fill · actions
16-9
Overlay
media--bg / media--fg
Vue
Hetzelfde frame als een vue-deel, voor een document waarvan het adres pas bekend is als de pagina wordt uitgevoerd.
Lijst
Een afbeelding in zijn lijst, van de server met media() of als de media vue-component: een link wanneer het ergens naartoe leidt, een bijschrift over de voet, en een gloed terwijl het laadt of wanneer er geen is.
media() · href · caption
media(null) · placeholder
Mozaïek
Afbeeldingen van elke hoogte naast elkaar zonder gaten, elk zo hoog als de verhouding aangeeft, de kolommen zoveel als de ruimte toelaat: wall() haalt het van de server, de vorm is css/shapes/wall.
Muur van een collectie
Dezelfde muur als een collectie van entiteiten, gelezen van de api een pagina per keer terwijl deze wordt gescrold: de volgende pagina komt voordat de voet van de muur is bereikt.
Bijsnijden
Welk deel van een afbeelding te behouden, gekozen over de afbeelding: het gebied beweegt, een hoek past het aan, de pijlen verplaatsen het en met Shift pas je het aan. Het wordt in de pixels van de afbeelding zelf gezegd — wat een server bijsnijdt — en crop() snijdt het hier wanneer de snede in plaats daarvan wordt verzonden. Een verhouding houdt het vast (1 voor een portret, rond weergegeven), of het is vrij, zoals een handtekening nodig heeft.