Texto fluido
Un experimento tipográfico en el que un ensayo a pantalla completa se adapta en tiempo real a objetos flotantes: división de líneas carácter por carácter, obstáculos arrastrables y controles de columnas.
Un experimento tipográfico en el que un ensayo a pantalla completa se adapta en tiempo real a objetos flotantes: división de líneas carácter por carácter, obstáculos arrastrables y controles de columnas.
Probar Websites AgentCrea una página experimental sobre el ajuste de texto en vivo. Llena la pantalla con un breve ensayo sobre tipografía, compuesto con una fuente serif y amplios espacios en blanco para que resulte agradable de leer. Distribuye algunos objetos pequeños por la página y deja que floten y choquen por sí solos; el texto debe ajustarse alrededor de cada objeto en tiempo real, medido carácter por carácter, de modo que las líneas del ensayo se vuelvan a dividir fluidamente a medida que los obstáculos se desplazan por el diseño. Los objetos no son solo decorativos: la persona visitante puede tomar cualquiera de ellos con el mouse, arrastrarlo por la página y lanzarlo, mientras observa cómo el texto se aparta y se cierra detrás de él. Incluye controles para alternar la composición entre dos y tres columnas, pausar y reanudar el movimiento, restablecer la escena y hacer zoom en toda la página con la rueda de desplazamiento. Cada control debe sentirse como parte del ensayo, no como un panel independiente, y la experiencia de lectura debe mantenerse fluida sin importar cuán caóticos se vuelvan los objetos. Página estática de un solo archivo.
Agrega una pequeña función de edición: haz doble clic en cualquier objeto flotante para cambiar su texto o reemplazarlo por uno nuevo, y el ensayo se ajustará alrededor del objeto editado en tiempo real.
Probar Websites AgentCrea una página experimental sobre el ajuste de texto en vivo. Llena la pantalla con un breve ensayo sobre tipografía, compuesto con una fuente serif y amplios espacios en blanco para que resulte agradable de leer. Distribuye algunos objetos pequeños por la página y deja que floten y choquen por sí solos; el texto debe ajustarse alrededor de cada objeto en tiempo real, medido carácter por carácter, de modo que las líneas del ensayo se vuelvan a dividir fluidamente a medida que los obstáculos se desplazan por el diseño. Los objetos no son solo decorativos: la persona visitante puede tomar cualquiera de ellos con el mouse, arrastrarlo por la página y lanzarlo, mientras observa cómo el texto se aparta y se cierra detrás de él. Incluye controles para alternar la composición entre dos y tres columnas, pausar y reanudar el movimiento, restablecer la escena y hacer zoom en toda la página con la rueda de desplazamiento. Cada control debe sentirse como parte del ensayo, no como un panel independiente, y la experiencia de lectura debe mantenerse fluida sin importar cuán caóticos se vuelvan los objetos. Página estática de un solo archivo.
Traslada el experimento a un fondo oscuro y conserva la tipografía serif y los amplios espacios en blanco, para que los objetos en movimiento y el texto que se ajusta destaquen con mayor contraste.
Probar Websites AgentCrea una página experimental sobre el ajuste de texto en vivo. Llena la pantalla con un breve ensayo sobre tipografía, compuesto con una fuente serif y amplios espacios en blanco para que resulte agradable de leer. Distribuye algunos objetos pequeños por la página y deja que floten y choquen por sí solos; el texto debe ajustarse alrededor de cada objeto en tiempo real, medido carácter por carácter, de modo que las líneas del ensayo se vuelvan a dividir fluidamente a medida que los obstáculos se desplazan por el diseño. Los objetos no son solo decorativos: la persona visitante puede tomar cualquiera de ellos con el mouse, arrastrarlo por la página y lanzarlo, mientras observa cómo el texto se aparta y se cierra detrás de él. Incluye controles para alternar la composición entre dos y tres columnas, pausar y reanudar el movimiento, restablecer la escena y hacer zoom en toda la página con la rueda de desplazamiento. Cada control debe sentirse como parte del ensayo, no como un panel independiente, y la experiencia de lectura debe mantenerse fluida sin importar cuán caóticos se vuelvan los objetos. Página estática de un solo archivo.
Cambia el estilo del ensayo por una tipografía sans serif de alto contraste en lugar de la serif, y muestra cómo se perciben el mismo ajuste en vivo y la nueva división de líneas con una voz tipográfica diferente.
Probar Websites AgentCrea una página experimental sobre el ajuste de texto en vivo. Llena la pantalla con un breve ensayo sobre tipografía, compuesto con una fuente serif y amplios espacios en blanco para que resulte agradable de leer. Distribuye algunos objetos pequeños por la página y deja que floten y choquen por sí solos; el texto debe ajustarse alrededor de cada objeto en tiempo real, medido carácter por carácter, de modo que las líneas del ensayo se vuelvan a dividir fluidamente a medida que los obstáculos se desplazan por el diseño. Los objetos no son solo decorativos: la persona visitante puede tomar cualquiera de ellos con el mouse, arrastrarlo por la página y lanzarlo, mientras observa cómo el texto se aparta y se cierra detrás de él. Incluye controles para alternar la composición entre dos y tres columnas, pausar y reanudar el movimiento, restablecer la escena y hacer zoom en toda la página con la rueda de desplazamiento. Cada control debe sentirse como parte del ensayo, no como un panel independiente, y la experiencia de lectura debe mantenerse fluida sin importar cuán caóticos se vuelvan los objetos. Página estática de un solo archivo.
Selección de temporada y fotos de modelos desde dos ángulos en una sobria tienda de moda organizada en torno a dos líneas de productos.
Cuatro habitaciones, cada una frente a su propia montaña, y un baño de piedra al aire libre: una tranquila posada onsen entre la niebla.