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 6 / 44
Se muestran actualmente 24 casos de ejemplo
0121Tarjetas, listas y organización de contenido

Registro expandible de la lista de lectura

Completa registros expandibles en el contexto de una lista de lectura: incluye contenido realista, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoRegistro expandibleHTMLCSSJavaScript
Abrir y ejecutar
0122Tablas y visualización de datos

Tabla comparativa de planes de inventario

Complete la tabla comparativa de planes para el escenario de inventario: incluye contenido realista, controles accionables, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Tablas y visualización de datosTabla de comparación de propuestasHTML TableCSSJavaScript
Abrir y ejecutar
0123Diseño de página y responsive

Diseño de barra lateral fija para la arquitectura de la crónica

Completa un diseño con barra lateral adhesiva en el contexto de un diario de arquitectura: incluye contenido real, controles accionables, una respuesta de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de barra lateral fijaHTMLCSS GridResponsive Design
Abrir y ejecutar
0124Escenarios de páginas de marketing y contenido

Página de conversión por suscripción de una marca de té

Completa una página de conversión de suscripción para un escenario de marca de té: incluye contenido real, controles accionables, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoPágina de conversión de suscripciónHTMLCSSJavaScript
Abrir y ejecutar
0125Interfaces de panel y administración

Panel de mapa de calor del calendario de operaciones de la biblioteca

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

Interfaces de panel y administraciónPanel de calor del calendarioHTMLCanvasJavaScript
Abrir y ejecutar
0126Procesos comerciales y de servicio

Seguimiento del progreso de pedido de floristería

Completa el seguimiento del progreso de pedidos en un escenario de floristería: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioSeguimiento del progreso del pedidoHTMLCSSJavaScript
Abrir y ejecutar
0127Tipografía y efectos de texto

Ritmo poético de montaña y campo

En el contexto de un libro de poemas de montaña, completa la composición de texto en movimiento rítmico: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Tipografía y efectos de textotexto en movimientoHTMLCSS AnimationJavaScript
Abrir y ejecutar
0128Animación y microinteracciones

Retroalimentación del control elástico de carga de archivos

Completa la retroalimentación de un control elástico en escenarios de carga de archivos: incluye contenido real, controles accionables, retroalimentación de estado clara y una disposición adaptable a distintos tamaños.

Animación y microinteraccionesRetroalimentación de controles elásticosHTMLCSS AnimationJavaScript
Abrir y ejecutar
0129efectos visuales creativos

Efecto de explosión de confeti en el mar profundo

Completa un efecto de explosión de confeti en un entorno de aguas profundas: incluye contenido real, controles accionables, comentarios claros de estado y un diseño adaptable a distintos tamaños.

efectos visuales creativosEfecto de confetiHTMLCanvasJavaScript
Abrir y ejecutar
0130Dibujo y visualización de datos

Mapa de calor matricial de calidad del aire

Completa un mapa de calor matricial para un entorno de calidad del aire: contenido real, controles interactivos, feedback de estado claro y diseño adaptable a distintos tamaños.

Dibujo y visualización de datosmapa de calor matricialHTMLCanvasJavaScript
Abrir y ejecutar
0131Capacidades de medios y dispositivos del navegador

Registro de visibilidad de la página del laboratorio de dispositivos

Registra la visibilidad de la página en el contexto del Laboratorio de dispositivos: incluye contenido real, controles interactivos, feedback claro del estado y diseño adaptable a distintos tamaños.

Capacidades de medios y dispositivos del navegadorRegistro de visibilidad de páginaHTMLCSSBrowser API
Abrir y ejecutar
0132Miniaplicaciones y minijuegos

Calculadora de gastos para la noche en familia

Completa el repartidor de gastos en un escenario de noche en familia: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Miniaplicaciones y minijuegosDivisor de gastosHTMLCSSJavaScript
Abrir y ejecutar
0133Controles y selectores básicos

Selección de tarjetas de propuesta de sala de reuniones

En el escenario de la sala de reuniones, completa la selección de tarjetas de opciones: incluye contenido real, controles accionables, estados claros y un diseño adaptable a distintos tamaños.

Controles y selectores básicosselección de tarjetas de planHTMLCSSJavaScript
Abrir y ejecutar
0134Formularios y entrada

Cuestionario condicional de inscripción de voluntarios

Completa un cuestionario condicional en un escenario de inscripción de voluntarios: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Formularios y entradaCuestionario condicionalHTMLCSSJavaScript
Abrir y ejecutar
0135Navegación y menús

Navegación de secciones para guías de museos

Crea una navegación por secciones para el contexto de una guía de museo: incluye contenido real, controles utilizables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Navegación y menúsnavegación por seccionesHTMLCSSJavaScript
Abrir y ejecutar
0136Superposición y retroalimentación de estado

Panel de acciones contextuales para revisión de documentos

Completa una ficha de acciones contextuales para el escenario de revisión de documentos: incluye contenido real, controles operativos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoPaleta de acciones contextualesHTMLCSSJavaScript
Abrir y ejecutar
0137Tarjetas, listas y organización de contenido

Notas de cuadrícula tipo mosaico de la lista de lectura

Completa una pantalla tipo mosaico de notas para una lista de lectura: incluye contenido real, controles accionables, feedback de estado claro y un diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoNotas tipo cascadaHTMLCSSJavaScript
Abrir y ejecutar
0138Tablas y visualización de datos

Tabla matricial de relaciones del libro mayor de inventario

Completa una tabla matricial relacional en un escenario de libro de inventario: incluye contenido real, controles accionables, comentarios de estado claros y diseño adaptable a distintos tamaños.

Tablas y visualización de datosTabla de matriz de relacionesHTML TableCSSJavaScript
Abrir y ejecutar
0139Diseño de página y responsive

Diseño a todo ancho de una revista de arquitectura

Completa un diseño de sangrado completo en el contexto de una revista de arquitectura: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de ancho completo intercaladoHTMLCSS GridResponsive Design
Abrir y ejecutar
0140Escenarios de páginas de marketing y contenido

Página de agenda de eventos de la marca de té

Completa una página de agenda de evento en un escenario de marca de té: incluye contenido real, controles interactivos, feedback claro de estado y un diseño adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoPágina de agenda de actividadesHTMLCSSJavaScript
Abrir y ejecutar
0141Interfaces de panel y administración

Tablero de gestión de incidencias de la biblioteca

Completa el tablero de gestión de incidencias en un entorno de operaciones de biblioteca: incluye contenido realista, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónTablero de gestión de incidenciasHTMLCSS GridJavaScript
Abrir y ejecutar
0142Procesos comerciales y de servicio

Configurador de presupuestos para floristería

Completa el configurador de presupuestos en el escenario de una floristería: incluye contenido real, controles accionables, retroalimentación clara del estado y diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioConfigurador de presupuestoHTMLCSSJavaScript
Abrir y ejecutar
0143Tipografía y efectos de texto

Diseño de título delineado para poemario de montaña

Diseño de título contorneado completado en un escenario de poemario de montaña: incluye contenido real, controles interactivos, retroalimentación clara de estado y una disposición adaptable a distintos tamaños.

Tipografía y efectos de textoDiseño de título con contornoHTMLCSS TypographyJavaScript
Abrir y ejecutar
0144Animación y microinteracciones

Aviso emergente de subida de archivos

Completa la retroalimentación emergente de notificaciones en el escenario de carga de archivos: incluye contenido real, controles accionables, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Animación y microinteraccionesretroalimentación emergente de notificacionesHTMLCSSJavaScript
Abrir y ejecutar