Texto fluido
Um experimento tipográfico em que um ensaio em tela cheia se reorganiza em tempo real ao redor de objetos à deriva: quebra de linhas caractere por caractere, obstáculos arrastáveis e controles de colunas.
Um experimento tipográfico em que um ensaio em tela cheia se reorganiza em tempo real ao redor de objetos à deriva: quebra de linhas caractere por caractere, obstáculos arrastáveis e controles de colunas.
Experimentar o Websites AgentCrie uma página experimental sobre quebra de texto em tempo real. Preencha a tela com um curto ensaio sobre tipografia, composto em uma fonte serifada, com bastante espaço em branco para que seja agradável de ler. Espalhe alguns objetos pequenos pela página e deixe-os flutuar e colidir por conta própria; o texto deve contornar cada objeto em tempo real, medido caractere por caractere, para que as linhas do ensaio continuem se reorganizando suavemente à medida que os obstáculos se movem pelo layout. Os objetos não são apenas decorativos: o visitante pode pegar qualquer um deles com o mouse, arrastá-lo pela página e arremessá-lo, vendo o texto se afastar e se fechar atrás dele. Forneça controles para alternar a composição entre duas e três colunas, pausar e retomar o movimento, redefinir a cena e aplicar zoom na página inteira com a roda do mouse. Cada controle deve parecer parte do ensaio, e não um painel separado, e a experiência de leitura deve continuar fluida, por mais caóticos que os objetos se tornem. Página estática em um único arquivo.
Adiciona um pequeno recurso de edição: dê um clique duplo em qualquer objeto flutuante para alterar seu texto ou substituí-lo por outro, e o ensaio se reorganiza ao redor do objeto editado em tempo real.
Experimentar o Websites AgentCrie uma página experimental sobre quebra de texto em tempo real. Preencha a tela com um curto ensaio sobre tipografia, composto em uma fonte serifada, com bastante espaço em branco para que seja agradável de ler. Espalhe alguns objetos pequenos pela página e deixe-os flutuar e colidir por conta própria; o texto deve contornar cada objeto em tempo real, medido caractere por caractere, para que as linhas do ensaio continuem se reorganizando suavemente à medida que os obstáculos se movem pelo layout. Os objetos não são apenas decorativos: o visitante pode pegar qualquer um deles com o mouse, arrastá-lo pela página e arremessá-lo, vendo o texto se afastar e se fechar atrás dele. Forneça controles para alternar a composição entre duas e três colunas, pausar e retomar o movimento, redefinir a cena e aplicar zoom na página inteira com a roda do mouse. Cada controle deve parecer parte do ensaio, e não um painel separado, e a experiência de leitura deve continuar fluida, por mais caóticos que os objetos se tornem. Página estática em um único arquivo.
Move o experimento para um fundo escuro, mantendo a fonte serifada e o amplo espaço em branco, para que os objetos em movimento e o texto que se reorganiza se destaquem com um contraste maior.
Experimentar o Websites AgentCrie uma página experimental sobre quebra de texto em tempo real. Preencha a tela com um curto ensaio sobre tipografia, composto em uma fonte serifada, com bastante espaço em branco para que seja agradável de ler. Espalhe alguns objetos pequenos pela página e deixe-os flutuar e colidir por conta própria; o texto deve contornar cada objeto em tempo real, medido caractere por caractere, para que as linhas do ensaio continuem se reorganizando suavemente à medida que os obstáculos se movem pelo layout. Os objetos não são apenas decorativos: o visitante pode pegar qualquer um deles com o mouse, arrastá-lo pela página e arremessá-lo, vendo o texto se afastar e se fechar atrás dele. Forneça controles para alternar a composição entre duas e três colunas, pausar e retomar o movimento, redefinir a cena e aplicar zoom na página inteira com a roda do mouse. Cada controle deve parecer parte do ensaio, e não um painel separado, e a experiência de leitura deve continuar fluida, por mais caóticos que os objetos se tornem. Página estática em um único arquivo.
Reformula o ensaio com uma fonte sem serifa de alto contraste, em vez da serifada, mostrando como a mesma quebra de texto e reorganização de linhas em tempo real se comporta com uma voz tipográfica diferente.
Experimentar o Websites AgentCrie uma página experimental sobre quebra de texto em tempo real. Preencha a tela com um curto ensaio sobre tipografia, composto em uma fonte serifada, com bastante espaço em branco para que seja agradável de ler. Espalhe alguns objetos pequenos pela página e deixe-os flutuar e colidir por conta própria; o texto deve contornar cada objeto em tempo real, medido caractere por caractere, para que as linhas do ensaio continuem se reorganizando suavemente à medida que os obstáculos se movem pelo layout. Os objetos não são apenas decorativos: o visitante pode pegar qualquer um deles com o mouse, arrastá-lo pela página e arremessá-lo, vendo o texto se afastar e se fechar atrás dele. Forneça controles para alternar a composição entre duas e três colunas, pausar e retomar o movimento, redefinir a cena e aplicar zoom na página inteira com a roda do mouse. Cada controle deve parecer parte do ensaio, e não um painel separado, e a experiência de leitura deve continuar fluida, por mais caóticos que os objetos se tornem. Página estática em um único arquivo.
Seleções da estação e fotos de modelos em dois ângulos em uma loja de moda sóbria estruturada em torno de duas linhas de produtos.
Quatro quartos, cada um voltado para sua própria montanha, e uma banheira de pedra ao ar livre: uma tranquila pousada onsen na neblina.