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 33 / 44
Se muestran actualmente 24 casos de ejemplo
0769Diseño de página y responsive

Diseño de cuadrícula tipo bento para la página de revisión de cuidados

En el escenario de la página de repaso de cuidados, completa el diseño de cuadrícula tipo bento: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de cuadrícula tipo bentoHTMLCSS GridResponsive Design
Abrir y ejecutar
0770Escenarios de páginas de marketing y contenido

Página de comparación de productos de la historia de Makers

Crea una página de comparación de productos en un contexto de charla sobre historias creativas: incluye contenido real, controles accionables, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoPágina de comparación de productosHTML TableCSSJavaScript
Abrir y ejecutar
0771Interfaces de panel y administración

Panel de análisis de tendencias del libro de guardias de clases

Completa un panel de análisis de tendencias para un escenario de registro de guardias de clase: incluye contenido realista, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónTrend Analysis DashboardHTMLCanvasJavaScript
Abrir y ejecutar
0772Controles y selectores básicos

Selección de tarjetas de opciones del tablero del altillo

Completa la selección de tarjetas de opciones en el contexto del panel de plano del loft: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Tabla de horarios de solicitud de alojamiento

Completa una tabla de reservas de franjas horarias para un escenario de solicitud de estancia en familia anfitriona: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Formularios y entradaTabla de citas por franja horariaHTMLCSSJavaScript
Abrir y ejecutar
0774Navegación y menús

Navegación rápida inferior para tarjeta de acceso al campus

Completa un menú de acceso rápido inferior en el escenario de tarjeta de acceso al campus: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Navegación y menúsNavegación rápida inferiorHTMLCSSJavaScript
Abrir y ejecutar
0775Superposición y retroalimentación de estado

Consejo de accesibilidad con teclado para apoyo de galería

Completa el tooltip de teclado en el escenario de la barra de soporte de la galería: incluye contenido real, controles interactivos, feedback de estado claro y maquetación adaptable a distintos tamaños.

Superposición y retroalimentación de estadoConsejo emergente de tecladoHTMLCSSJavaScript
Abrir y ejecutar
0776Tarjetas, listas y organización de contenido

Cola de prioridad de la línea de visita ambulatoria

Completa la cola de prioridades en el escenario de recorrido de la clínica ambulatoria: incluye contenido real, controles accionables, estado claro y diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoCola de prioridadHTMLCSS GridJavaScript
Abrir y ejecutar
0777Tablas y visualización de datos

Tabla comparativa de propuestas para el inventario de la pieza de exhibición

Completa una tabla de comparación de soluciones en un escenario de catálogo de inventario de exhibición: contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a varios tamaños.

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

Carcasa de panel de clase atlas

Completa el envoltorio del panel de control en el escenario del atlas de clase: 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 responsiveCarcasa del panelHTMLCSS GridResponsive Design
Abrir y ejecutar
0779Escenarios de páginas de marketing y contenido

Página de agenda de servicio de comidas para eventos

Completa la página de agenda del evento para el escenario de servicio de comidas: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

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

Flujo de actividad en tiempo real del puesto de guardia del curso

Completa un flujo de actividad en tiempo real para un contexto de puesto de vigilancia del curso: incluye contenido realista, controles accionables, estados claros y un diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónFlujo de actividad en tiempo realHTMLCSSJavaScript
Abrir y ejecutar
0781Procesos comerciales y de servicio

Calculadora del carrito de visita de cuidados

En el escenario de una visita de atención, completa la calculadora del carrito: incluye contenido real, controles accionables, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioCalculadora de carrito de comprasHTMLCSSJavaScript
Abrir y ejecutar
0782Tipografía y efectos de texto

Diseño de título delineado para manifiesto de marca

Completa el diseño del título delineado en el escenario de manifiesto de marca: incluye contenido real, controles operables, retroalimentación de estado clara y un diseño adaptable a varios tamaños.

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

Transición de forma del botón de progreso del curso

Completa la transición de forma de botón en un escenario de progreso del curso: incluye contenido realista, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Animación y microinteraccionesTransición morfológica de botonesHTMLCSS AnimationJavaScript
Abrir y ejecutar
0784efectos visuales creativos

Espacio de profundidad de cristal con cúpula de coral

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

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

Gráfico temporal del atlas público

Completa un gráfico de línea temporal en el escenario de cartografía pública: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

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

Demostración de operaciones de portapapeles del kit de herramientas de audio

Demostración de operaciones con el portapapeles en un entorno de kit de herramientas de audio: incluye contenido real, controles interactivos, señales de estado claras y un diseño adaptable a distintos tamaños.

Capacidades de medios y dispositivos del navegadorDemostración de operaciones del portapapelesHTMLCSSBrowser API
Abrir y ejecutar
0787Miniaplicaciones y minijuegos

Juego de memoria con cartas de un club de lectura

Completa un juego de memoria de cartas volteadas en un escenario de club de lectura: incluye contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Miniaplicaciones y minijuegosjuego de memoria de cartas boca abajoHTMLCSSJavaScript
Abrir y ejecutar
0788Controles y selectores básicos

Regulador de rango del carro de configuración del altillo

Completado el ajustador de rango para el escenario de configuración del garaje en el ático: incluye contenido real, controles operables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Controles y selectores básicosajustador de rangoHTMLCSSJavaScript
Abrir y ejecutar
0789Formularios y entrada

Formulario de confirmación del resumen del panel de revisión de asuntos de vivienda

Completa un formulario de confirmación resumida para el escenario del control de revisión de estancias: incluye contenido real, controles accionables, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

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

Navegación breadcrumb de la ruta de cuidados

Completa la navegación de migas de pan en un escenario de atención: incluye contenido real, controles interactivos, retroalimentación de estado clara y una composición adaptable a distintos tamaños.

Navegación y menúsmigas de panHTMLCSSJavaScript
Abrir y ejecutar
0791Superposición y retroalimentación de estado

Pila de notificaciones de la ventana de actualización de la galería

Completa una pila de mensajes en el escenario de actualización de la galería, con contenido real, controles accionables, una retroalimentación de estado clara y un diseño adaptable a varios tamaños.

Superposición y retroalimentación de estadoPila de notificacionesHTMLCSSJavaScript
Abrir y ejecutar
0792Tarjetas, listas y organización de contenido

Carrusel de historias del mercado comunitario

Completa la tarjeta carrusel de historias en un contexto de mercado comunitario: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidotarjeta carrusel de historiasHTMLCSSJavaScript
Abrir y ejecutar