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 23 de 44
Se muestran actualmente 24 casos de ejemplo
0529Escenarios de páginas de marketing y contenido

Página de estudio de caso de exhibición de archivo

Completa una página de estudio de caso para el escenario de exposición de archivos: incluye contenido real, controles operables, feedback de estado claro y diseño adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoPágina de estudio de casoHTMLCSS GridResponsive Design
Abrir y ejecutar
0530Interfaces de panel y administración

Flujo de actividad en tiempo real de la sala de archivo

Completa un flujo de actividad en tiempo real para el escenario de la sala de archivo: incluye contenido real, controles accionables, feedback de estado claro y diseño adaptable a varios tamaños.

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

Flujo de solicitud de devolución e impresión de archivo

Complete el flujo de solicitud de devolución y cambio en el escenario de impresión de archivos: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

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

Composición tipográfica dinámica de ensayo de archivo

Completa una composición tipográfica dinámica en el contexto de un ensayo de archivo: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Transición de morphing de botón de sincronización de archivo

Completa una transición de forma del botón en escenarios de sincronización de archivo: incluye contenido real, controles accionables, 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
0534efectos visuales creativos

Explosión de confeti del laboratorio botánico

Completa el efecto de explosión de confeti en el escenario de laboratorio botánico: incluye contenido real, controles accionables, retroalimentación clara del estado y diseño adaptable a distintos tamaños.

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

Gráfico de nodos de relaciones de crecimiento de archivo

Completa un gráfico de nodos de relaciones en un escenario de crecimiento de archivos: incluye contenido real, controles accionables, estados claros y diseño adaptable a distintas dimensiones.

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

Demostración de operaciones del portapapeles con ajustes de accesibilidad

Completa una demostración de operación del portapapeles en un escenario de configuración de accesibilidad: incluye contenido real, controles interactivos, retroalimentación clara del estado 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
0537Miniaplicaciones y minijuegos

Buscador de tesoros de archivos para reparto de gastos

Completa un separador de gastos en el escenario de búsqueda del tesoro de archivos: 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
0538Controles y selectores básicos

Control de intervalo dual para huerto comunitario

Completa un control de rango de doble valor para un entorno de huerto comunitario: contenido real, controles interactivos, feedback de estado claro y diseño adaptable a distintos tamaños.

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

Formulario de confirmación del resumen de registro de seguimiento

Completa un formulario de confirmación de resumen en el escenario de registro de seguimiento: incluye contenido real, controles operativos, retroalimentación de estado clara y un diseño adaptable a varios tamaños.

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

Navegación de migas de pan del centro de archivos

Completa la navegación de migas de pan en el contexto del centro de archivo: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Máscara de progreso de recordatorio de cuidados

Completa una superposición de progreso en un escenario de recordatorio de cuidados: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoMáscara de progresoHTMLCSSJavaScript
Abrir y ejecutar
0542Tarjetas, listas y organización de contenido

Índice de contactos de notas de audio

Completa un índice de contactos para el escenario de notas de audio: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

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

Control de visibilidad de columnas de facturación ambulatoria

Completa el control de visualización de columnas en un escenario de facturación de consulta: incluye contenido real, controles operables, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Tablas y visualización de datosControl de visualización de columnasHTML TableCSSJavaScript
Abrir y ejecutar
0544Diseño de página y responsive

panel de control del archivo de audio

En el contexto del archivo de audio, crea una carcasa de panel: 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 responsiveCarcasa del panelHTMLCSS GridResponsive Design
Abrir y ejecutar
0545Escenarios de páginas de marketing y contenido

Página de comparación de productos para laboratorio de sonido

Completa una página de comparación de productos en un contexto de laboratorio de sonido: incluye contenido real, controles interactivos, comentarios de estado claros 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
0546Interfaces de panel y administración

Panel de calendario y calor del consumo energético del campus

Crea un panel de mapa de calor de calendario para el contexto del consumo energético del campus: incluye contenido real, controles utilizables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónPanel de calor del calendarioHTMLCanvasJavaScript
Abrir y ejecutar
0547Controles y selectores básicos

Family kitchen filter chips

En un entorno de cocina familiar, completar un grupo de etiquetas de filtrado: incluye contenido real, controles interactivos, comentarios claros de estado y una disposición adaptable a distintos tamaños.

Controles y selectores básicosGrupo de etiquetas de filtradoHTMLCSSJavaScript
Abrir y ejecutar
0548Formularios y entrada

Tabla de asignación presupuestaria de solicitudes comunitarias

En el escenario de solicitud comunitaria se completa una tabla de presupuesto: incluye contenido real, controles operables, un estado claro de retroalimentación y un diseño adaptable a distintos tamaños.

Formularios y entradaPresupuestoHTMLCSSJavaScript
Abrir y ejecutar
0549Navegación y menús

Panel de comandos del vestíbulo de archivos

Completa el panel de comandos en un escenario de sala de archivo: incluye contenido real, controles interactivos, comentarios de estado claros y una disposición adaptable a distintos tamaños.

Navegación y menúsPanel de comandosHTMLCSSJavaScript
Abrir y ejecutar
0550Superposición y retroalimentación de estado

Banner de estado del mostrador de registro

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

Superposición y retroalimentación de estadoBanner de estadoHTMLCSSJavaScript
Abrir y ejecutar
0551Tarjetas, listas y organización de contenido

Lista de contenido plegable del plan de cuidados

Completa una lista de contenido plegable para el contexto de planes de cuidados: con contenido realista, controles accionables, retroalimentación clara del estado y diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoLista de contenido plegableHTMLCSSJavaScript
Abrir y ejecutar
0552Tablas y visualización de datos

Tabla comparativa de planes de inventario ambulatorio

En el escenario de inventario de consulta externa, completa una tabla comparativa de propuestas: incluye contenido real, controles operables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Tablas y visualización de datosTabla de comparación de propuestasHTML TableCSSJavaScript
Abrir y ejecutar