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 31 de 44
Se muestran actualmente 24 casos de ejemplo
0721Interfaces de panel y administración

Panel de gestión de incidentes de la línea de resolución de clases

Completa un panel de gestión de incidencias para el escenario de gestión de incidentes en cursos: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

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

Selección de muestras de color del control del loft

En el escenario de la consola del ático, completa la selección de muestras de color: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

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

Entrada de sugerencias locales para solicitud de beca

Completa una entrada con sugerencias locales en el contexto de una solicitud de subvención: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Menú principal adaptable de índice rápido del campus

En el escenario del índice rápido del campus, completa un menú principal adaptable: incluye contenido real, controles operables, una retroalimentación clara del estado y un diseño para distintos tamaños.

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

Panel de acciones inferior de la tarjeta de confirmación de la galería

Completa un panel de acciones inferior en el contexto de una tarjeta de confirmación de galería: incluye contenido real, controles interactivos, feedback de estado claro y diseño adaptable a distintos tamaños.

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

Registro expandible de tarjetas de aviso de la clínica

Completa un registro expandible para el escenario de tarjetas de indicaciones de la clínica: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

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

Cabecera fija del inventario de exposiciones

Completa el encabezado adhesivo en el escenario del registro de exposiciones: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

Tablas y visualización de datosCabecera fijaHTML TableCSSJavaScript
Abrir y ejecutar
0728Diseño de página y responsive

Narrativa de diseño en pantalla dividida para guía de cuidados

Completa una narrativa en diseño de pantalla dividida en un contexto de guía de cuidados: 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 narrativo a dos columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0729Escenarios de páginas de marketing y contenido

Página de planes de precios del cuaderno de proyectos creativos

Completa una página de plan de precios en un escenario de libro de proyectos creativos: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoPágina de plan de preciosHTMLCSSJavaScript
Abrir y ejecutar
0730Interfaces de panel y administración

vista general de indicadores clave de la sala de planificación de clases

Completa una vista general de indicadores clave en un escenario de aula de planificación de clases: incluye contenido real, controles utilizables, feedback de estado claro y un diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónResumen de métricas claveHTMLCSS GridJavaScript
Abrir y ejecutar
0731Procesos comerciales y de servicio

Flujo de solicitud de cambio y devolución de la línea de servicios de cuidados

Completa un flujo de solicitud de devolución o cambio en un contexto de servicios asistenciales: con contenido real, controles accionables, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioflujo de solicitud de devoluciónHTMLCSSJavaScript
Abrir y ejecutar
0732Tipografía y efectos de texto

Diseño dinámico de texto para un lector de archivo

En el escenario del libro de archivo, completa la composición tipográfica dinámica: incluye contenido real, controles operables, una retroalimentación de estado clara y un diseño adaptable entre tamaños.

Tipografía y efectos de textoComposición tipográfica dinámicaHTMLCSS AnimationJavaScript
Abrir y ejecutar
0733Animación y microinteracciones

Feedback elástico de control para rastreador de catálogo

Completar el feedback de control elástico en el escenario del rastreador de catálogo: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

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

Efecto de explosión de confeti en el escenario del lago de nubes

Completa un efecto de explosión de confeti en el escenario del Lago de las Nubes: incluye contenido real, controles interactivos, feedback de estado claro y diseño adaptable a distintos tamaños.

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

Gráfico de radar de capacidades de revisión aérea

Completa un gráfico de radar de capacidades en el escenario del cuaderno de revisión del aire: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosRadar de capacidadesHTMLCanvasJavaScript
Abrir y ejecutar
0736Capacidades de medios y dispositivos del navegador

Prueba de capacidades del puntero en tablet de audio

Completa la detección de capacidades del puntero en un escenario de tableta de audio: incluye contenido real, controles operables, retroalimentación de estado clara y diseño adaptable a varios tamaños.

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

Temporizador de concentración para la sesión de sprint de archivo

Completa un temporizador de concentración en un escenario de sprint de archivos: incluye contenido realista, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Miniaplicaciones y minijuegostemporizador de concentraciónHTMLCSSJavaScript
Abrir y ejecutar
0738Controles y selectores básicos

Control de rango dual para pantalla de demostración de loft

Completa el control de rango dual en el escenario de la pantalla de demostración del loft: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

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

Flujo de llenado por pasos de la tarjeta de confirmación de alojamiento

Completa un flujo de varios pasos en el escenario de la tarjeta de confirmación de atención: incluye contenido real, controles interactivos, comentarios claros de estado y un diseño adaptable a distintos tamaños.

Formularios y entradaProceso de rellenado por pasosHTMLCSSJavaScript
Abrir y ejecutar
0740Navegación y menús

Navegación por secciones del estante de recursos del campus

Completa la navegación por anclaje de secciones en el escenario de estantería de recursos del campus: incluye contenido real, controles interactivos, 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
0741Superposición y retroalimentación de estado

Centro de notificaciones de pruebas de galería

Completa el centro de notificaciones en un escenario de prueba de galería: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoCentro de notificacionesHTMLCSSJavaScript
Abrir y ejecutar
0742Tarjetas, listas y organización de contenido

Muro de tarjetas filtrables del registro clínico

Crea un panel de tarjetas filtrables para el contexto de la agenda clínica: incluye contenido real, controles utilizables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoMuro de tarjetas filtrablesHTMLCSSJavaScript
Abrir y ejecutar
0743Tablas y visualización de datos

Tarjetas móviles de liquidación de elementos de exhibición

Completa una tabla de tarjetas móviles en el escenario de liquidación de artículos de exposición: incluye contenido real, controles accionables, comentarios de estado claros y diseño adaptable a distintos tamaños.

Tablas y visualización de datosTabla de tarjetas para móvilesHTML TableCSSJavaScript
Abrir y ejecutar
0744Diseño de página y responsive

Diseño de barra lateral adhesiva para exposición de cuidados

En un escenario de exposición de cuidados, completa un diseño de barra lateral fija: incluye contenido real, controles operables, retroalimentación 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