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 25 / 44
Se muestran actualmente 24 casos de ejemplo
0577Tablas y visualización de datos

Matriz de relaciones del formulario de revisión ambulatoria

Completa una matriz de relaciones en el contexto de una tabla de revisión clínica: incluye contenido real, controles operables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Distribución clásica de tres columnas para atlas de archivo

Completa un diseño clásico de tres columnas en un escenario de atlas de archivo: incluye contenido real, controles interactivos, una clara retroalimentación de estado y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño clásico de tres columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0579Escenarios de páginas de marketing y contenido

Página de recorrido de funciones del Laboratorio Urbano

Completa una página de recorrido de funciones para el escenario del laboratorio urbano: incluye contenido real, controles interactivos, comentarios de estado claros y una disposición adaptable a distintas dimensiones.

Escenarios de páginas de marketing y contenidoPágina de guía de funcionesHTMLCSSJavaScript
Abrir y ejecutar
0580Interfaces de panel y administración

Panel de embudo de conversión del centro de archivo

Completa un panel de embudo de conversión en el contexto de la sala de archivo general: incluye contenido realista, controles accionables, retroalimentación de estado clara y una disposición adaptable a distintos tamaños.

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

Flujo de pasos de pago para reserva de grabación

Completa un flujo de pasos de pago en un escenario de reserva de grabación: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioFlujo de pasos de pagoHTMLCSSJavaScript
Abrir y ejecutar
0582Tipografía y efectos de texto

Diseño de título delineado para el zine de archivo

Completa el diseño de títulos con contorno en un escenario de boletín de archivo: incluye contenido real, controles operables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

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

Actualización de la vista de estado con catálogo

Completa la transición de estado de página en un escenario de aviso de catálogo: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Animación y microinteraccionescambio de estado de páginaHTMLCSS AnimationJavaScript
Abrir y ejecutar
0584efectos visuales creativos

Espacio de profundidad de vidrio en el domo del lago de nubes

Completa el espacio de profundidad de vidrio en el escenario de la cúpula de nubes: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Gráfico de barras interactivo de Atlas del Aire

Crea un gráfico de barras interactivo para el escenario del Atlas del Aire: incluye contenido real, controles operables, una respuesta de estado clara y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de barras interactivoHTMLCanvasJavaScript
Abrir y ejecutar
0586Capacidades de medios y dispositivos del navegador

Control de escenario a pantalla completa para cabina de audio

Completa el control de pantalla completa del escenario de cabina de audio: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Capacidades de medios y dispositivos del navegadorControl de escenario a pantalla completaHTMLCSSBrowser API
Abrir y ejecutar
0587Miniaplicaciones y minijuegos

Reloj Pomodoro del desafío del puesto de archivo

Completa un temporizador Pomodoro para el escenario del puesto de reto de archivos: incluye contenido real, controles operables, retroalimentación clara de estado y maquetación adaptable a distintos tamaños.

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

Selección rápida de fecha para la mesa de registro del invernadero

Completa una selección rápida de fecha en el contexto del mostrador de registro del invernadero: incluye contenido real, controles accionables, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

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

Formulario de validación en tiempo real de la tarjeta de confirmación de eventos

Completa un formulario de validación instantánea en el escenario de la tarjeta de confirmación del evento: incluye contenido real, controles interactivos, feedback claro de estado y un diseño adaptable a distintos tamaños.

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

Navegación por progreso de la pared de guía del archivo

Completa la navegación del progreso del proceso en un escenario de muro guía de archivo: incluye contenido real, controles interactivos, indicaciones de estado claras y un diseño adaptable a distintos tamaños.

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

Popover de ayuda del área de alerta de la clínica ambulatoria

Crear un panel flotante de ayuda en el contexto de la sala de recordatorios de la clínica: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Índice de contactos del libro de traspaso de audio

En el contexto de un registro de traspaso de audio, completa un índice de contactos: incluye contenido real, controles interactivos, estados claros y una disposición adaptable a distintos tamaños.

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

Tabla de datos paginada de reembolsos ambulatorios

Completa una tabla de datos paginada en un escenario de reclamaciones de reembolso ambulatorio: 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 de datos paginadaHTML TableCSSJavaScript
Abrir y ejecutar
0594Diseño de página y responsive

Diseño de mosaico responsivo del briefing de archivo

Completa un diseño responsive de tipo masonry en el contexto de una sesión informativa de archivo: incluye contenido real, controles accionables, 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
0595Escenarios de páginas de marketing y contenido

Página de cuenta atrás para el lanzamiento del sprint del curso

Completa la página de cuenta regresiva de lanzamiento en el escenario del sprint del curso: incluye contenido real, controles interactivos, estados claros y 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
0596Interfaces de panel y administración

Panel de gestión de incidentes de la sala de despacho de archivos

Completa el panel de gestión de incidencias en un escenario de sala de despacho de archivos: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónTablero de gestión de incidenciasHTMLCSS GridJavaScript
Abrir y ejecutar
0597Controles y selectores básicos

Selección de muestras de color para la consola de control del invernadero

Completa una selección de muestras de color en un contexto de consola de invernadero: incluye contenido real, controles accionables, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Controles y selectores básicosSelección de muestras de colorHTMLCSSJavaScript
Abrir y ejecutar
0598Formularios y entrada

Entrada de sugerencias locales para la libreta de seguimiento de visitas del expositor

Completa una entrada de sugerencias locales para un escenario de cuaderno de seguimiento de visitas: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Formularios y entradaEntrada de sugerencia localHTMLCSSJavaScript
Abrir y ejecutar
0599Navegación y menús

Menú principal responsivo del tablón de anuncios de archivo

En el contexto del tablón de anuncios del archivo, completa el menú principal responsive: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Navegación y menúsMenú principal adaptableHTMLCSSJavaScript
Abrir y ejecutar
0600Superposición y retroalimentación de estado

Panel de control inferior de registro en la clínica

Completa un panel de acciones inferior en el contexto de la campana de registro ambulatorio: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoPanel de acciones inferiorHTMLCSSJavaScript
Abrir y ejecutar