Fulls i superposicions

En tàctil, les opcions que a l'escriptori serien un menú desplegable pugen des de baix com un full. Una única primitiva dona suport al menú de continguts, al menú de compartir i al selector de llengua.

Anatomia

Un panell arrodonit a 20 píxels a la part superior, coronat per un tirador de 36 per 4, sobre un teló de fons enfosquit. Les files fan 48 píxels d'alçada per a un polze còmode; la fila activa té un tint verd tènue. Entra lliscant amb una corba elàstica, de manera que arriba amb una mica de pes.

Les files i el tirador del full, a partir de les classes reals.

A l'escriptori

El mateix selector és un menú desplegable a l'escriptori, no un full. L'opció és la mateixa; només canvia la superfície per adaptar-se a un punter i una pantalla més gran. L'ampliació de mitjans a pantalla completa és l'única superposició que es manté igual a tots els dispositius.

Quan utilitzar-ho

Fes

Recorre a un full quan un usuari tàctil tria d'una llista curta.

No facis

Fer servir un full per a un sol sí/no; això és un diàleg.

Fes

Mantén les files a 48 píxels perquè el polze hi aterri net.

No facis

Reduir les files per sota d'una mida tàctil còmoda.

Fes

Renderitza la mateixa opció com un menú desplegable a l'escriptori.

No facis

Atrapar el lector: un toc al teló de fons tanca el full.

On es troba

La família .post-sheet a global.css: .post-sheet-panel, .post-sheet-grabber, .post-sheet-head, .post-sheet-list, amb .sheet-active a la fila actual.

Paleta de cerca

La cerca del blog és l’únic overlay que no és ni full ni desplegable: una paleta d’ordres centrada sobre un fons desenfocat, oberta des de la barra superior o amb Cmd K, governada del tot des del teclat. Ofereix recomanacions i xips de sèries i etiquetes abans d’escriure, ressalta les coincidències en teclejar, i anomena la seva pròpia sortida. Entre 700 i 1279 píxels el selector d’idioma manlleva aquesta forma de panell centrat, en comptes del full inferior del mòbil.

Consentiment

L’avís de galetes és una barra fixa amb tres opcions iguals — acceptar, rebutjar, personalitzar — i la ruta de personalitzar obre una targeta de preferències amb el focus atrapat i un únic commutador d’analítica. Rebutjar és tan fàcil com acceptar, i la pàgina de privadesa pot reobrir la decisió en qualsevol moment.

Has vist alguna cosa que no quadra en aquesta pàgina? Escriu-me