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 43 / 44
Se muestran actualmente 24 casos de ejemplo
1009efectos visuales creativos

Efecto de estela del puntero en estación del páramo

En el escenario de la estación del desierto, completa el efecto de estela del puntero: incluye contenido real, controles operables, una retroalimentación de estado clara y un diseño adaptable entre tamaños.

efectos visuales creativosEfecto de estela del punteroHTMLCanvasJavaScript
Abrir y ejecutar
1010Dibujo y visualización de datos

Diagrama de dispersión del rendimiento en clase

Completa un gráfico de dispersión para el escenario de rendimiento en clase: incluye contenido real, controles interactivos, estados claros y diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de dispersiónHTMLCanvasJavaScript
Abrir y ejecutar
1011Capacidades de medios y dispositivos del navegador

Panel de información de la ventana gráfica de la tableta de la clínica

Completa un panel de información de viewport para el entorno de una tablet de consulta: incluye contenido real, controles accionables, comentarios de estado claros y una disposición adaptable a distintos tamaños.

Capacidades de medios y dispositivos del navegadorPanel de información del viewportHTMLCSSBrowser API
Abrir y ejecutar
1012Miniaplicaciones y minijuegos

Panel de registro de hábitos Sprint de clase

En el contexto de una sala de clase de sprint, completa un panel de seguimiento de hábitos: incluye contenido real, controles interactivos, retroalimentación de estado clara y una disposición adaptable a distintos tamaños.

Miniaplicaciones y minijuegosPanel de registro de hábitosHTMLCSSJavaScript
Abrir y ejecutar
1013Controles y selectores básicos

Stepper numérico de soporte de espectáculos

Completa un stepper numérico en un contexto de tarima de presentación: contenido real, controles interactivos, estado claro y diseño adaptable a distintos tamaños.

Controles y selectores básicosControl numéricoHTMLCSSJavaScript
Abrir y ejecutar
1014Formularios y entrada

Grupo dinámico de campos para solicitud de cambio de turno

Completa un grupo de campos dinámicos en el escenario de una solicitud de cambio de turno: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

Formularios y entradaGrupo de campos dinámicosHTMLCSSJavaScript
Abrir y ejecutar
1015Navegación y menús

Pestañas del espacio de trabajo del guion de ensayo

Completa una página de pestañas del espacio de trabajo para el escenario de cuaderno de ensayos: incluye contenido real, controles operables, feedback de estado claro y diseño adaptable a distintos tamaños.

Navegación y menúsPestañas del espacio de trabajoHTMLCSSJavaScript
Abrir y ejecutar
1016Superposición y retroalimentación de estado

Cajón lateral de la sala de recordatorios de aprobación

Completa el panel lateral en un escenario de sala de avisos de aprobación: incluye contenido real, controles operables, estado claro y un diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoCajón lateralHTMLCSSJavaScript
Abrir y ejecutar
1017Tarjetas, listas y organización de contenido

Notas en cascada para el registro de turno

Completa un tablero de notas en cascada para el escenario de registro de entrega de turno: incluye contenido real, controles interactivos, respuestas de estado claras y un diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoNotas tipo cascadaHTMLCSSJavaScript
Abrir y ejecutar
1018Tablas y visualización de datos

Control de visibilidad de columnas del plan del estudio

Completa el control de visibilidad de columnas en un escenario de planificación de estudio: contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Diseño de cuadrícula bento de guía del jardín

Completa un diseño de cuadrícula tipo bento en un escenario de guía de jardín: 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 de cuadrícula tipo bentoHTMLCSS GridResponsive Design
Abrir y ejecutar
1020Escenarios de páginas de marketing y contenido

Página de comparación de productos para la semana de inscripción del estudio

Completa una página de comparación de productos para el escenario de la semana de inscripción del estudio: incluye contenido realista, controles accionables, estados claros y diseño adaptable a diferentes tamaños.

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

Panel de análisis de tendencias para la sala de planificación de vivienda

Completa un panel de análisis de tendencias en el contexto de la sala de planificación de vivienda: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

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

Selección de tarjetas de opción para la sala de descanso del espectáculo

Completa la selección de tarjetas de solución en el contexto del descanso de una actuación: incluye contenido real, controles operables, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

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

Formulario de reserva por franjas de turnos

Completa un formulario de reserva de horarios en un escenario de registro de turno: incluye contenido real, controles interactivos, comentarios de estado claros y una disposición adaptable a distintos tamaños.

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

Navegación rápida inferior de la plaza de servicios

Completa la navegación rápida inferior en el escenario de la plaza de servicios: incluye contenido real, controles operables, retroalimentación clara del estado y un diseño adaptado a distintos tamaños de pantalla.

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

Herramienta emergente de teclado para el timbre de aprobación de registro

En el contexto de un aviso de check-in de aprobación, completa un tooltip de teclado: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

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

Cola de prioridades del panel del estudio

Completa una cola de prioridades en el escenario del panel del estudio: incluye contenido real, controles interactivos, comentarios claros de estado y un diseño adaptable a distintos tamaños.

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

Tabla comparativa de planes del cuaderno de inventario del estudio

Completa una tabla de comparación de planes para un escenario de inventario de estudio: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

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

Panel de control de exposición del jardín

Completa una carcasa de panel en un escenario de exposición de jardín: incluye contenido real, controles interactivos, indicaciones de estado claras y un diseño adaptable a distintos tamaños.

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

Página de agenda del evento «Historias del estudio»

Página de agenda del evento completada en un contexto de historia de estudio: incluye contenido realista, controles accionables, retroalimentación de estado clara y maquetación adaptable a distintos tamaños.

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

Flujo de actividad en tiempo real del panel de revisión de vivienda

Completa un flujo de actividad en tiempo real en el escenario del tablero de revisión de viviendas: incluye contenido real, controles accionables, retroalimentación clara del estado y diseño adaptable a distintos tamaños.

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

Calculadora de carrito de suministros de clínica ambulatoria

Completa una calculadora de carrito en el contexto de un carrito de suministros clínicos: incluye contenido realista, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

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

Diseño de título contorneado para guion de clase

Completa un diseño de título con contorno en un entorno de guion de clase: incluye contenido real, controles accionables, comentarios de estado claros y una disposición adaptable a distintos tamaños.

Tipografía y efectos de textoDiseño de título con contornoHTMLCSS TypographyJavaScript
Abrir y ejecutar