HTML / CSS / JavaScript

Colección de casos

Elija un caso completo para ver directamente el resultado, modificar el código fuente y ejecutarlo en el navegador.

1046Página 7 / 44
Se muestran actualmente 24 casos de ejemplo
0145efectos visuales creativos

Patrón de caleidoscopio del mar profundo

Completa un patrón de caleidoscopio en un escenario de océano profundo: incluye contenido real, controles operables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

efectos visuales creativospatrón de caleidoscopioHTMLCanvasJavaScript
Abrir y ejecutar
0146Dibujo y visualización de datos

Gráfico de cronología de la calidad del aire

Completa un gráfico de línea temporal en un escenario de calidad del aire: con contenido real, controles operables, estado claro y diseño adaptable a distintos tamaños.

Dibujo y visualización de datosgráfica de cronologíaHTMLCanvasJavaScript
Abrir y ejecutar
0147Capacidades de medios y dispositivos del navegador

Pruebas de capacidades del puntero en el laboratorio de dispositivos

En el contexto del laboratorio de dispositivos, completa la detección de capacidades del puntero: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Capacidades de medios y dispositivos del navegadorDetección de capacidad del punteroHTMLCSSBrowser API
Abrir y ejecutar
0148Miniaplicaciones y minijuegos

Pomodoro de noche en familia

Completa un reloj Pomodoro en un contexto de noche familiar: incluye contenido real, controles accionables, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Miniaplicaciones y minijuegosReloj PomodoroHTMLCSSJavaScript
Abrir y ejecutar
0149Controles y selectores básicos

Control de intervalo doble para sala de reuniones

Completa el control de intervalo de doble valor en un contexto de sala de reuniones: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Controles y selectores básicosControl de rango de dos valoresHTMLCSSJavaScript
Abrir y ejecutar
0150Formularios y entrada

Formulario de borrador automático para inscripción de voluntarios

Completa un formulario de borrador automático para el escenario de inscripción de voluntarios: incluye contenido real, controles accionables, feedback claro de estado y un diseño que se adapta a distintos tamaños.

Formularios y entradaFormulario de borrador automáticoHTMLCSSJavaScript
Abrir y ejecutar
0151Navegación y menús

Navegación por páginas del guía del museo

Completa la navegación por páginas en un entorno de guía de museo: incluye contenido real, controles operables, retroalimentación clara del estado y diseño adaptable a distintos tamaños.

Navegación y menúsNavegación por páginasHTMLCSSJavaScript
Abrir y ejecutar
0152Superposición y retroalimentación de estado

Panel de acciones inferior para revisión de documentos

Completa un panel inferior de acciones en el contexto de la revisión de documentos: incluye contenido real, controles operables, feedback de estado claro y una disposición adaptable a distintos tamaños.

Superposición y retroalimentación de estadoPanel de acciones inferiorHTMLCSSJavaScript
Abrir y ejecutar
0153Tarjetas, listas y organización de contenido

Organizador de marcadores para lista de lectura

Completa un organizador de marcadores en un escenario de lista de lectura: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoOrganizador de marcadoresHTMLCSS GridJavaScript
Abrir y ejecutar
0154Tablas y visualización de datos

Tabla de edición en línea del libro mayor de inventario

Completa una tabla editable en línea en un escenario de libro mayor de inventario: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Tablas y visualización de datostabla editable en líneaHTML TableCSSJavaScript
Abrir y ejecutar
0155Diseño de página y responsive

Galería adaptable de crónicas de arquitectura

Completa la galería adaptativa en el escenario del diario de arquitectura: incluye contenido real, controles interactivos, comentarios de estado claros y diseño adaptable a distintos tamaños.

Diseño de página y responsiveGalería adaptableHTMLCSSJavaScript
Abrir y ejecutar
0156Escenarios de páginas de marketing y contenido

Página de estudio de caso de marca de té

Completa una página de estudio de caso para un escenario de marca de té: incluye contenido real, controles interactivos, estado claro y diseño adaptable a varios tamaños.

Escenarios de páginas de marketing y contenidoPágina de estudio de casoHTMLCSS GridResponsive Design
Abrir y ejecutar
0157Interfaces de panel y administración

panel de retención por cohortes de la operación de la biblioteca

Completa un panel de retención por cohortes en un escenario de operaciones de biblioteca: incluye contenido real, controles accionables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónPanel de retención por gruposHTML TableCSSJavaScript
Abrir y ejecutar
0158Procesos comerciales y de servicio

Selector de asientos de floristería

Completa un selector de asientos en un entorno de floristería: incluye contenido real, controles accionables, señales de estado claras y un diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioselector de asientosHTMLCSSJavaScript
Abrir y ejecutar
0159Tipografía y efectos de texto

Composición de poesía en cuadrícula del poemario de las montañas

En el contexto de un libro de poemas de montaña, completa el diseño de cuadrícula para poesía: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Tipografía y efectos de textoMaquetación de cuadrícula poéticaHTMLCSS GridResponsive Design
Abrir y ejecutar
0160Animación y microinteracciones

Animación de revelado del contenido de la carga de archivos

Animación de revelado de contenido en un escenario de carga de archivos: incluye contenido real, controles accionables, feedback de estado claro y un diseño adaptable a distintos tamaños.

Animación y microinteraccionesAnimación de revelado de contenidoHTMLCSS AnimationJavaScript
Abrir y ejecutar
0161efectos visuales creativos

Espacio de profundidad de campo de cristal de aguas profundas

Completa el espacio de profundidad de vidrio en el escenario de mar profundo: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

efectos visuales creativosespacio de profundidad de vidrioHTMLCSS GridResponsive Design
Abrir y ejecutar
0162Dibujo y visualización de datos

Gráfico de nodos de relaciones de calidad del aire

Completa un diagrama de nodos de relaciones en un escenario de calidad del aire: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosgráfico de nodos de relacionesHTMLCanvasJavaScript
Abrir y ejecutar
0163Capacidades de medios y dispositivos del navegador

Detección del esquema de color del sistema del laboratorio de dispositivos

Detecta el esquema de color del sistema en un entorno de laboratorio de dispositivos: incluye contenido real, controles interactivos, estados claramente indicados y un diseño adaptado a distintos tamaños.

Capacidades de medios y dispositivos del navegadorDetección del esquema de color del sistemaHTMLCSSBrowser API
Abrir y ejecutar
0164Miniaplicaciones y minijuegos

Tres en raya noche en familia

Completa el tres en raya en el contexto de una noche familiar: incluye contenido real, controles interactivos, feedback de estado claro y diseño adaptable a diferentes tamaños.

Miniaplicaciones y minijuegosta-te-tiHTMLCSSJavaScript
Abrir y ejecutar
0165Controles y selectores básicos

Selección rápida de fechas para sala de reuniones

Completa una selección rápida de fechas en un contexto de sala de reuniones: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Controles y selectores básicosSelección rápida de fechasHTMLCSSJavaScript
Abrir y ejecutar
0166Formularios y entrada

Formulario de confirmación del resumen de inscripción de voluntarios

Completa un formulario de confirmación de resumen para un escenario de inscripción de voluntarios: incluye contenido real, controles accionables, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Formularios y entradaFormulario de confirmación de resumenHTMLCSSJavaScript
Abrir y ejecutar
0167Navegación y menús

Gran menú agrupado de guía del museo

Completa un mega menú agrupado en un contexto de visita a un museo: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Navegación y menúsmenú grande agrupadoHTMLCSSJavaScript
Abrir y ejecutar
0168Superposición y retroalimentación de estado

Máscara de progreso para revisión de documentos

Completa una superposición de progreso en escenarios de revisión de documentos: incluye contenido real, controles operables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoMáscara de progresoHTMLCSSJavaScript
Abrir y ejecutar