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 30 / 44
Se muestran actualmente 24 casos de ejemplo
0697Controles y selectores básicos

Interruptor de preferencias de la habitación infantil

En el escenario de la habitación infantil, completa la matriz de interruptores de preferencias: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Controles y selectores básicosMatriz de interruptores de preferenciasHTMLCSSJavaScript
Abrir y ejecutar
0698Formularios y entrada

Formulario en borrador automático del cuestionario de seguimiento

Completa un formulario de borrador automático en escenarios de encuesta de seguimiento: incluye contenido realista, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Navegación por páginas numeradas del mapa del campus

Completa la navegación por páginas en el escenario del mapa del campus: incluye contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

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

unidad contextual de acciones de alerta en sala de galería

Completa una acción contextual en el escenario de la sala de avisos de la galería: incluye contenido real, controles operables, una clara retroalimentación de estado y un diseño adaptable a varios tamaños.

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

Organizador de marcadores del cuaderno de notas clínica

Completa un organizador de marcadores para el escenario de libreta de notas de consultorio: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

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

Tabla de datos paginada de inspección de exhibiciones

Completa una tabla de datos paginada para el escenario de inspección de exposiciones: incluye contenido real, controles interactivos, estado claro y diseño adaptable a varios tamaños.

Tablas y visualización de datostabla de datos paginadaHTML TableCSSJavaScript
Abrir y ejecutar
0703Diseño de página y responsive

Diseño responsive de cuadrícula tipo mosaico para la guía de cuidados

Completa un diseño responsive tipo mosaico en el contexto de un manual de cuidados: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de cascada adaptableHTMLCSSJavaScript
Abrir y ejecutar
0704Escenarios de páginas de marketing y contenido

Página de cuenta atrás para la jornada de puertas abiertas de Makers

Completa una página de cuenta atrás para lanzamiento en un escenario de jornada de puertas abiertas creativa: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoPágina de cuenta atrás para el lanzamientoHTMLCSS AnimationJavaScript
Abrir y ejecutar
0705Interfaces de panel y administración

Panel de embudo de conversión de la sala de programación de clases

Completa un panel de embudo de conversión en el escenario de la sala de coordinación de cursos: incluye contenido real, controles interactivos, estados claros y una disposición adaptable a distintos tamaños.

Interfaces de panel y administraciónPanel de embudo de conversiónHTMLCSS GridJavaScript
Abrir y ejecutar
0706Procesos comerciales y de servicio

Flujo de reserva del servicio de devolución y cambio de atención

Completa el flujo de reserva de servicios en un mostrador de devoluciones asistidas: incluye contenido realista, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioFlujo de reserva de servicioHTMLCSSJavaScript
Abrir y ejecutar
0707Tipografía y efectos de texto

Tipografía de títulos fluidos para pósters de archivo

Completa la maquetación tipográfica fluida en el contexto de un póster de archivo: incluye contenido real, controles operables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Tipografía y efectos de textotipografía de título fluidoHTMLCSS TypographyJavaScript
Abrir y ejecutar
0708Animación y microinteracciones

Transición de pantalla esqueleto para sincronización de catálogo

Completa una transición de pantalla esqueleto en el escenario de sincronización del catálogo: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a varios tamaños.

Animación y microinteraccionesTransición de pantalla esqueletoHTMLCSS AnimationJavaScript
Abrir y ejecutar
0709efectos visuales creativos

Escenario de múltiples capas de ondas del observatorio del lago nuboso

Completa un escenario de olas en capas en un puesto de observación del lago de nubes: incluye contenido real, controles interactivos, feedback de estado claro y una disposición adaptable a distintos tamaños.

efectos visuales creativosescenario de ondas múltiplesHTMLCSS AnimationJavaScript
Abrir y ejecutar
0710Dibujo y visualización de datos

Diagrama de nodos de relaciones de la cola aérea

Completa un gráfico de nodos de relación en un contexto de cola aérea: incluye contenido real, controles interactivos, retroalimentación clara de estado y una distribución adaptable a varios tamaños.

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

registro de visibilidad de la página del asiento del sensor de audio

Registra la visibilidad de la página en escenarios de audio y sensores: incluye contenido real, controles interactivos, estados claros y diseño adaptable a distintos tamaños.

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

Divisor de gastos para búsqueda del tesoro de archivos

Completa el organizador de gastos en un escenario de búsqueda del archivo: incluye contenido real, controles interactivos, comentarios de estado claros y diseño adaptable a distintos tamaños.

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

Selección rápida de fecha para el mostrador de check-in del loft

Completa una selección rápida de fechas para el escenario del mostrador de registro del altillo: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptado a distintos tamaños.

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

Formulario de validación en tiempo real para la recopilación de campo

Completa un formulario de validación instantánea en un escenario de recopilación en campo: incluye contenido real, controles operables, comentarios de estado claros y diseño adaptable a distintos tamaños.

Formularios y entradaFormulario de validación en tiempo realHTMLCSSJavaScript
Abrir y ejecutar
0715Navegación y menús

Navegación de progreso del tablón de anuncios del campus

Completa la navegación del progreso del proceso en el contexto del tablón de anuncios del campus: incluye contenido real, controles accionables, estados claros y un diseño adaptable a distintos tamaños.

Navegación y menúsNavegación de progreso de flujoHTMLCSSJavaScript
Abrir y ejecutar
0716Superposición y retroalimentación de estado

Capa emergente de ayuda para el registro de la campana de la galería

En el contexto del campanero de registro de la galería, completa una capa de ayuda: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintas pantallas.

Superposición y retroalimentación de estadoSuperposición de ayudaHTMLCSSJavaScript
Abrir y ejecutar
0717Tarjetas, listas y organización de contenido

Índice de contactos del muro de planificación ambulatoria

Completa el índice de contactos en un escenario de muro de planificación ambulatoria: incluye contenido realista, controles accionables, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoÍndice de contactosHTMLCSSJavaScript
Abrir y ejecutar
0718Tablas y visualización de datos

Tabla de clasificación multicolumna para comprobantes de gastos de exposiciones

Completa una tabla ordenable de varias columnas para el escenario de reclamaciones de exposiciones: incluye contenido real, controles operables, retroalimentación clara de estado y maquetación adaptable a distintos tamaños.

Tablas y visualización de datosTabla de ordenación por múltiples columnasHTML TableCSSJavaScript
Abrir y ejecutar
0719Diseño de página y responsive

Diseño maestro-detalle de una edición de cuidados

Completa una distribución de contenido principal y detalle en el escenario de la revista de cuidados: incluye contenido real, controles accionables, una retroalimentación de estado clara y una distribución adaptable a distintos tamaños.

Diseño de página y responsivediseño de contenido principal/secundarioHTMLCSSJavaScript
Abrir y ejecutar
0720Escenarios de páginas de marketing y contenido

Página de conversión de suscripción a la noche de vista previa creativa

En el escenario de noche de vista previa creativa, completa una página de conversión de suscripción: incluye contenido real, controles operables, una retroalimentación de estado clara y un 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