Testo fluido
Un esperimento di composizione tipografica in cui un saggio a schermo intero si ridispone in tempo reale attorno a oggetti in movimento: spezzatura delle righe carattere per carattere, ostacoli trascinabili e controlli delle colonne.
Un esperimento di composizione tipografica in cui un saggio a schermo intero si ridispone in tempo reale attorno a oggetti in movimento: spezzatura delle righe carattere per carattere, ostacoli trascinabili e controlli delle colonne.
Prova Websites AgentCrea una pagina sperimentale sull'avvolgimento dinamico del testo. Riempi lo schermo con un breve saggio sulla composizione tipografica, impaginato con un carattere serif e ampi spazi bianchi per renderne piacevole la lettura. Distribuisci alcuni piccoli oggetti nella pagina e lascia che si muovano e si scontrino autonomamente; il testo deve disporsi attorno a ciascun oggetto in tempo reale, misurato carattere per carattere, affinché le righe del saggio si rispezzino fluidamente mentre gli ostacoli attraversano il layout. Gli oggetti non sono soltanto decorativi: il visitatore può afferrarli con il mouse, trascinarli nella pagina e lanciarli, osservando il testo farsi da parte e richiudersi dietro di essi. Fornisci controlli per passare da due a tre colonne, mettere in pausa e riprendere il movimento, reimpostare la scena e zoomare l'intera pagina con la rotellina del mouse. Ogni controllo dovrebbe sembrare parte del saggio anziché di un pannello separato, e l'esperienza di lettura dovrebbe restare fluida per quanto caotici diventino gli oggetti. Pagina statica in un unico file.
Aggiunge una piccola funzione di modifica: fai doppio clic su qualsiasi oggetto fluttuante per cambiarne il testo o sostituirlo con uno nuovo, e il saggio si ridispone attorno all'oggetto modificato in tempo reale.
Prova Websites AgentCrea una pagina sperimentale sull'avvolgimento dinamico del testo. Riempi lo schermo con un breve saggio sulla composizione tipografica, impaginato con un carattere serif e ampi spazi bianchi per renderne piacevole la lettura. Distribuisci alcuni piccoli oggetti nella pagina e lascia che si muovano e si scontrino autonomamente; il testo deve disporsi attorno a ciascun oggetto in tempo reale, misurato carattere per carattere, affinché le righe del saggio si rispezzino fluidamente mentre gli ostacoli attraversano il layout. Gli oggetti non sono soltanto decorativi: il visitatore può afferrarli con il mouse, trascinarli nella pagina e lanciarli, osservando il testo farsi da parte e richiudersi dietro di essi. Fornisci controlli per passare da due a tre colonne, mettere in pausa e riprendere il movimento, reimpostare la scena e zoomare l'intera pagina con la rotellina del mouse. Ogni controllo dovrebbe sembrare parte del saggio anziché di un pannello separato, e l'esperienza di lettura dovrebbe restare fluida per quanto caotici diventino gli oggetti. Pagina statica in un unico file.
Sposta l'esperimento su uno sfondo scuro mantenendo il carattere serif e gli ampi spazi bianchi, così che gli oggetti in movimento e il testo che si ridispone risaltino con un contrasto maggiore.
Prova Websites AgentCrea una pagina sperimentale sull'avvolgimento dinamico del testo. Riempi lo schermo con un breve saggio sulla composizione tipografica, impaginato con un carattere serif e ampi spazi bianchi per renderne piacevole la lettura. Distribuisci alcuni piccoli oggetti nella pagina e lascia che si muovano e si scontrino autonomamente; il testo deve disporsi attorno a ciascun oggetto in tempo reale, misurato carattere per carattere, affinché le righe del saggio si rispezzino fluidamente mentre gli ostacoli attraversano il layout. Gli oggetti non sono soltanto decorativi: il visitatore può afferrarli con il mouse, trascinarli nella pagina e lanciarli, osservando il testo farsi da parte e richiudersi dietro di essi. Fornisci controlli per passare da due a tre colonne, mettere in pausa e riprendere il movimento, reimpostare la scena e zoomare l'intera pagina con la rotellina del mouse. Ogni controllo dovrebbe sembrare parte del saggio anziché di un pannello separato, e l'esperienza di lettura dovrebbe restare fluida per quanto caotici diventino gli oggetti. Pagina statica in un unico file.
Reimpagina il saggio con un carattere sans serif ad alto contrasto anziché serif, mostrando come lo stesso avvolgimento dinamico e la stessa rispezzatura delle righe cambino con una diversa voce tipografica.
Prova Websites AgentCrea una pagina sperimentale sull'avvolgimento dinamico del testo. Riempi lo schermo con un breve saggio sulla composizione tipografica, impaginato con un carattere serif e ampi spazi bianchi per renderne piacevole la lettura. Distribuisci alcuni piccoli oggetti nella pagina e lascia che si muovano e si scontrino autonomamente; il testo deve disporsi attorno a ciascun oggetto in tempo reale, misurato carattere per carattere, affinché le righe del saggio si rispezzino fluidamente mentre gli ostacoli attraversano il layout. Gli oggetti non sono soltanto decorativi: il visitatore può afferrarli con il mouse, trascinarli nella pagina e lanciarli, osservando il testo farsi da parte e richiudersi dietro di essi. Fornisci controlli per passare da due a tre colonne, mettere in pausa e riprendere il movimento, reimpostare la scena e zoomare l'intera pagina con la rotellina del mouse. Ogni controllo dovrebbe sembrare parte del saggio anziché di un pannello separato, e l'esperienza di lettura dovrebbe restare fluida per quanto caotici diventino gli oggetti. Pagina statica in un unico file.
Selezioni stagionali e foto dei capi indossati da due angolazioni in un sobrio store di moda costruito attorno a due linee di prodotto.
Quattro camere, ciascuna affacciata sulla propria montagna, e un bagno in pietra all'aperto: una tranquilla locanda onsen nella nebbia.