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 28 de 44
Se muestran actualmente 24 casos de ejemplo
0649Navegación y menús

Acceso rápido inferior del salón de servicios de archivos

En el escenario del centro de servicios de archivos, completa la navegación rápida inferior: incluye contenido real, controles operables, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

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

Consejo de teclado de la barra de apoyo para consultas externas

Completa un tooltip de teclado para un escenario de barra de soporte en una clínica: incluye contenido real, controles interactivos, comentarios de estado claros y una disposición adaptable a distintos tamaños.

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

Estantería de historias sonoras de cola de prioridad

En el escenario de la estantería de historias de audio, completa la cola de prioridades: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

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

Tabla comparativa de planes del inventario de clínica

Completa una tabla comparativa en un escenario de libro de inventario clínico: 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 comparación de propuestasHTML TableCSSJavaScript
Abrir y ejecutar
0653Diseño de página y responsive

Panel de escritorio con archivo y cuaderno

Completa la carcasa del panel de control en el escenario de cuaderno de archivo: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Diseño de página y responsiveCarcasa del panelHTMLCSS GridResponsive Design
Abrir y ejecutar
0654Escenarios de páginas de marketing y contenido

Página de agenda del evento Briefing de creadores

Completa una página de agenda de eventos para un escenario de briefing creativo: incluye contenido realista, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

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

Libro de guardia de archivo, flujo de actividad en tiempo real

Completa un flujo de actividad en tiempo real para la libreta de guardia del archivo: incluye contenido real, controles interactivos, un feedback de estado claro y un diseño adaptable a distintos tamaños.

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

Combinador de promociones para la ventana de recogida de cuidados

Completa un combinador de promociones para el escenario del punto de recogida de cuidados: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptado a distintos tamaños.

Procesos comerciales y de servicioCombinador de promocionesHTMLCSSJavaScript
Abrir y ejecutar
0657Tipografía y efectos de texto

Efecto de máscara de texto para notas de archivo

Logra un efecto de máscara de texto en un contexto de notas de archivo: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Tipografía y efectos de textoEfecto de máscara de textoHTMLCSS TypographyJavaScript
Abrir y ejecutar
0658Animación y microinteracciones

Indicador de progreso en anillo pulsante del catálogo

Feedback de progreso circular completado en un escenario de pulso de catálogo: incluye contenido real, controles interactivos, una señalización de estado clara y un diseño adaptable a distintos tamaños.

Animación y microinteraccionesRetroalimentación de progreso circularHTMLCSS AnimationJavaScript
Abrir y ejecutar
0659efectos visuales creativos

Escenario de foco sobre el escenario del salón del lago de nubes

Completa un escenario de escenario con foco en el salón del lago nube: incluye contenido realista, controles accionables, retroalimentación clara del estado y diseño adaptable a distintos tamaños.

efectos visuales creativosEscenario iluminadoHTMLCanvasJavaScript
Abrir y ejecutar
0660Dibujo y visualización de datos

Mapa de calor matricial del libro mayor aéreo

Completar una cuadrícula de mapa de calor en el escenario de libro de cuentas aéreo: incluye contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosmapa de calor matricialHTMLCanvasJavaScript
Abrir y ejecutar
0661Capacidades de medios y dispositivos del navegador

Observador de media query del grabador de audio

Observador de media queries en un escenario de grabadora de audio: incluye contenido real, controles accionables, feedback de estado claro y diseño adaptable a distintos tamaños.

Capacidades de medios y dispositivos del navegadorobservador de media queriesHTMLCSSBrowser API
Abrir y ejecutar
0662Miniaplicaciones y minijuegos

Conversor de unidades de la partida de emparejar archivos

Completa un conversor de unidades en el escenario de una partida de emparejar archivos: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

Miniaplicaciones y minijuegosConversor de unidadesHTMLCSSJavaScript
Abrir y ejecutar
0663Controles y selectores básicos

Control de rango para el carro de configuración del invernadero

Completa un regulador de rango en un contexto de carrito de configuración de invernadero: incluye contenido real, controles interactivos, retroalimentación clara de estado y una distribución adaptable a varios tamaños.

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

Formulario de confirmación resumida de apoyo para operaciones de exposición

Completa un formulario de confirmación de resumen para un escenario de apoyo en la organización de exposiciones: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

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

Navegación de migas de pan de la tarjeta de acceso al archivo

Completa la navegación de migas de pan en el escenario de la tarjeta de acceso a archivos: incluye contenido real, controles interactivos, comentarios de estado claros y diseño adaptable a distintos tamaños.

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

Stack de notificaciones de la ventana de actualización de la clínica

Completa una pila de mensajes emergentes para la escena de ventana de actualización de consultas: incluye contenido real, controles operables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

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

Carrusel de tarjetas de la historia de la ronda de vigilancia sonora

En el escenario de la línea de patrulla sonora, completa la tarjeta de carrusel de historias: 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 contenidotarjeta carrusel de historiasHTMLCSSJavaScript
Abrir y ejecutar
0668Tablas y visualización de datos

Tabla de uso ambulatorio con filtro combinado

En el escenario de la hoja de consumo de la clínica, completa la tabla de filtros combinados: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Tablas y visualización de datostabla de filtrado combinadoHTML TableCSSJavaScript
Abrir y ejecutar
0669Diseño de página y responsive

Grid editorial de página de repaso de archivo

Completa una cuadrícula editorial de revista en un escenario de página de repaso de archivo: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveCuadrícula editorial de revistaHTMLCSS GridResponsive Design
Abrir y ejecutar
0670Escenarios de páginas de marketing y contenido

Zona de conversión de preguntas y respuestas del mercado de creadores

Complete en el contexto de la feria de creadores una sección de conversión de preguntas y respuestas: incluye contenido real, controles interactivos, una retroalimentación de estado clara y una maquetación adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoZona de conversión de preguntas y respuestasHTMLCSSJavaScript
Abrir y ejecutar
0671Interfaces de panel y administración

Panel de calor del calendario del puesto de vigilancia de archivos

Completa un panel de calor del calendario en un escenario de puesto de guardia de archivo: incluye contenido real, controles accionables, 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
0672Controles y selectores básicos

Escala de valoración de tareas de invernadero

Completa una escala de valoración en un entorno de estante de tareas de invernadero: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

Controles y selectores básicosescala de valoraciónHTMLCSSJavaScript
Abrir y ejecutar