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.

1046Page 26 / 44
Se muestran actualmente 24 casos de ejemplo
0601Tarjetas, listas y organización de contenido

Registros desplegables del cuaderno de sonido

Completa registros expandibles en un escenario de cuaderno de audio: incluye contenido real, controles accionables, estados claros y diseño adaptable a distintos tamaños.

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

Cabecera adhesiva del libro mayor ambulatorio

Completa una cabecera fija en el escenario de un libro de cuentas de consulta externa: incluye contenido real, controles operativos, retroalimentación de estado clara y un diseño adaptable a varios tamaños.

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

Diseño principal-detalle del manual de archivo

Completa un diseño de contenido principal y secundario en un escenario de manual de archivo: incluye contenido realista, controles interactivos, estado claro y un diseño adaptable a distintos tamaños.

Diseño de página y responsivediseño de contenido principal/secundarioHTMLCSSJavaScript
Abrir y ejecutar
0604Escenarios de páginas de marketing y contenido

Página de conversión de suscripción para el día de puertas abiertas de la clínica

Página de conversión de suscripción completada en el escenario de jornada abierta de la clínica: incluye contenido real, controles accionables, feedback de estado claro y un diseño adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoPágina de conversión de suscripciónHTMLCSSJavaScript
Abrir y ejecutar
0605Interfaces de panel y administración

Resumen de indicadores clave de la línea de gestión de archivos

Completa una vista general de métricas clave en un escenario de línea de tratamiento 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ónResumen de métricas claveHTMLCSS GridJavaScript
Abrir y ejecutar
0606Procesos comerciales y de servicio

Generador de facturas para el registro de citas asistenciales

Completa un generador de facturas para el contexto de una cita de cuidados: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioGenerador de facturasHTMLCSSJavaScript
Abrir y ejecutar
0607Tipografía y efectos de texto

Tipografía de cartelas de archivo poético en cuadrícula

En el contexto de una etiqueta de archivo, completa un diseño de poema en cuadrícula: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Tipografía y efectos de textoMaquetación de cuadrícula poéticaHTMLCSS GridResponsive Design
Abrir y ejecutar
0608Animación y microinteracciones

Notificación emergente de registro de catálogo

Completa una retroalimentación emergente de notificación en un escenario de registro de catálogo: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Animación y microinteraccionesretroalimentación emergente de notificacionesHTMLCSSJavaScript
Abrir y ejecutar
0609efectos visuales creativos

Experimento de malla degradada del muelle de Cloud Lake

Completa un experimento de cuadrícula de degradado en el escenario del muelle del lago de nubes: incluye contenido real, controles interactivos, feedback de estado claro y diseño adaptable a distintos tamaños.

efectos visuales creativosExperimento de malla degradadaHTMLCanvasJavaScript
Abrir y ejecutar
0610Dibujo y visualización de datos

Gráfico circular de proporción del informe aéreo

Crea un gráfico de anillo para el escenario de briefing sobre calidad del aire: contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de anilloHTMLCanvasJavaScript
Abrir y ejecutar
0611Capacidades de medios y dispositivos del navegador

Notas de almacenamiento local para la pantalla secundaria de audio

Completa una nota de almacenamiento local para el escenario de la consola de audio de una pantalla secundaria: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptado a distintos tamaños.

Capacidades de medios y dispositivos del navegadorBloc de notas de almacenamiento localHTMLCSSBrowser API
Abrir y ejecutar
0612Miniaplicaciones y minijuegos

Selector aleatorio de la estación de la lista del archivo

Completa el selector aleatorio en el contexto de una estación de lista de archivos: incluye contenido real, controles interactivos, estados claros y diseño adaptable a distintos tamaños.

Miniaplicaciones y minijuegosSelector aleatorioHTMLCSSJavaScript
Abrir y ejecutar
0613Controles y selectores básicos

Control de intervalo de dos valores para pantalla de demostración de invernadero

Completar un control de rango dual en el contexto de una pantalla de demostración de invernadero: incluye contenido real, controles accionables, 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
0614Formularios y entrada

Proceso de registro por pasos del mostrador de atención de exposiciones

Completa un flujo de rellenado por pasos en el contexto de recepción de registros de exposición: incluye contenido real, controles operables, feedback de estado claro y una disposición adaptable a distintos tamaños.

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

Navegación por secciones del índice rápido de archivos

Completa la navegación de anclaje a secciones en el contexto del índice rápido de archivos: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintas dimensiones.

Navegación y menúsnavegación por seccionesHTMLCSSJavaScript
Abrir y ejecutar
0616Superposición y retroalimentación de estado

Centro de notificaciones de la tarjeta de confirmación de consulta externa

Completa el centro de notificaciones en el escenario de la tarjeta de confirmación ambulatoria: incluye contenido real, controles operables, una retroalimentación de estado clara y un diseño adaptable entre tamaños.

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

Muro de tarjetas filtrables del plan de sonido

Completa una pared de tarjetas filtrables en un escenario de muro de plan de sonido: incluye contenido real, controles interactivos, estados claros y diseño adaptable a distintos tamaños.

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

Tabla móvil de liquidación ambulatoria en tarjetas

Completa una tabla de tarjetas para móvil en el escenario de la liquidación ambulatoria: incluye contenido real, controles accionables, feedback de estado claro y un diseño adaptable a distintos tamaños.

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

Diseño de barra lateral fija para la edición especial de archivos

Completa una disposición de barra lateral fija en un escenario de especial de archivo: incluye contenido real, controles accionables, comentarios de estado claros y diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de barra lateral fijaHTMLCSS GridResponsive Design
Abrir y ejecutar
0620Escenarios de páginas de marketing y contenido

Muro de historias de testimonios del mercado de jardín

Completa un muro de testimonios en el contexto de una feria de jardines: incluye contenido real, controles accionables, estados claros y un diseño adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoMuro de historias y testimoniosHTMLCSSJavaScript
Abrir y ejecutar
0621Interfaces de panel y administración

Panel de flujo de la sala de planificación de archivos

Completa un panel de flujo de procesos en el entorno de la sala de planificación de archivo: incluye contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónPanel de flujo de procesosHTMLCSS GridJavaScript
Abrir y ejecutar
0622Controles y selectores básicos

Grupo de etiquetas de filtro para estante de exhibición de invernadero

Completa el grupo de etiquetas de filtro en un escenario de estantería de exhibición de invernadero: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

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

Feedback de resistencia de contraseña del formulario de solicitud de eventos

En el escenario del formulario de solicitud de exposición, se ofrece retroalimentación sobre la fortaleza de la contraseña: incluye contenido real, controles accionables, estados claros y una distribución adaptable a distintos tamaños.

Formularios y entradaretroalimentación de la fortaleza de la contraseñaHTMLCSSJavaScript
Abrir y ejecutar
0624Navegación y menús

Navegación en árbol para estantería de recursos de archivo

En el escenario del estante de recursos del archivo, completa la navegación en árbol: incluye contenido real, controles accionables, comentarios de estado claros y diseño adaptable a distintas pantallas.

Navegación y menúsNavegación en árbolHTMLCSSJavaScript
Abrir y ejecutar