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 41 / 44
Se muestran actualmente 24 casos de ejemplo
0961Capacidades de medios y dispositivos del navegador

Registro de visibilidad de la página de la consola remota de la consulta

Completa el registro de visibilidad de la página en un escenario de consola remota de consulta externa: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Capacidades de medios y dispositivos del navegadorRegistro de visibilidad de páginaHTMLCSSBrowser API
Abrir y ejecutar
0962Miniaplicaciones y minijuegos

Gestor de reparto de gastos para el juego de búsqueda del tesoro en clase

Completa el organizador de gastos en un escenario de búsqueda del tesoro en el aula: incluye contenido realista, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Miniaplicaciones y minijuegosDivisor de gastosHTMLCSSJavaScript
Abrir y ejecutar
0963Controles y selectores básicos

Selección rápida de fechas para el club de lectura

Completa una selección rápida de fechas en un contexto de club de lectura: incluye contenido real, controles interactivos, retroalimentación de estado clara y una disposición adaptable a distintos tamaños.

Controles y selectores básicosSelección rápida de fechasHTMLCSSJavaScript
Abrir y ejecutar
0964Formularios y entrada

Formulario de validación en tiempo real para solicitud de turnos

Completa un formulario de validación instantánea en el escenario de solicitud de turno: incluye contenido real, controles accionables, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Formularios y entradaFormulario de validación en tiempo realHTMLCSSJavaScript
Abrir y ejecutar
0965Navegación y menús

Navegación de progreso del cuartel general de la flota

Completa la navegación de progreso del proceso en un escenario de consola de flota: con contenido real, controles operables, estado claro y diseño adaptable a distintos tamaños.

Navegación y menúsNavegación de progreso de flujoHTMLCSSJavaScript
Abrir y ejecutar
0966Superposición y retroalimentación de estado

Panel emergente de ayuda para la mesa de revisión del mentor

Completa un panel emergente de ayuda en el escenario del escritorio de revisión del mentor: incluye contenido real, controles accionables, feedback de estado claro y un diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoSuperposición de ayudaHTMLCSSJavaScript
Abrir y ejecutar
0967Tarjetas, listas y organización de contenido

Índice de contactos de archivos de mascotas

Completa un índice de contactos en un escenario de fichas de mascotas: incluye contenido real, controles accionables, comentarios de estado claros y una distribución adaptable a distintos tamaños.

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

Tabla ordenable de varias columnas para notas de gastos del estudio

Completa una tabla ordenable de varias columnas para el escenario de notas de gastos del estudio: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Tablas y visualización de datosTabla de ordenación por múltiples columnasHTML TableCSSJavaScript
Abrir y ejecutar
0969Diseño de página y responsive

Diseño adaptable de contenido maestro-detalle para el briefing del jardín

Completa un diseño de contenido principal y secundario en el escenario de la breve presentación del jardín: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Página de conversión de suscripción de membresía del estudio

Completa una página de conversión de suscripción en escenarios de membresía de estudio: incluye contenido real, controles operables, comentarios de estado claros 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
0971Interfaces de panel y administración

Panel de gestión de incidentes del centro principal de asuntos de vivienda

Completa un panel de gestión de incidentes en el contexto de una central de atención residencial: incluye contenido real, controles operables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónTablero de gestión de incidenciasHTMLCSS GridJavaScript
Abrir y ejecutar
0972Controles y selectores básicos

Selección de muestras de color para el mostrador de registro del evento

Completa la selección de muestras de color en el contexto de un mostrador de registro en un espectáculo: incluye contenido real, controles interactivos, comentarios de estado claros y diseño adaptable a distintos tamaños.

Controles y selectores básicosSelección de muestras de colorHTMLCSSJavaScript
Abrir y ejecutar
0973Formularios y entrada

Entrada de sugerencias locales para la revisión de turnos

Completa una entrada de sugerencias locales en el escenario de revisión de turnos: incluye contenido real, controles accionables, feedback claro de estado y un diseño adaptable a distintos tamaños.

Formularios y entradaEntrada de sugerencia localHTMLCSSJavaScript
Abrir y ejecutar
0974Navegación y menús

Panel principal responsive del taller creativo

Completa el menú principal adaptable en el escenario del puesto de trabajo de creación: incluye contenido real, controles interactivos, feedback claro de estado y un diseño adaptable a distintos tamaños.

Navegación y menúsMenú principal adaptableHTMLCSSJavaScript
Abrir y ejecutar
0975Superposición y retroalimentación de estado

panel de acciones inferior de la barra de apoyo del mentor

Completa el panel inferior de acciones para el contexto de la barra de apoyo del mentor: incluye contenido real, controles operables, retroalimentación de estado clara y diseño adaptable a varios tamaños.

Superposición y retroalimentación de estadoPanel de acciones inferiorHTMLCSSJavaScript
Abrir y ejecutar
0976Tarjetas, listas y organización de contenido

Registro expandible de la biblioteca de podcasts

Completa los registros desplegables en el escenario de la biblioteca de podcasts: incluye contenido real, controles interactivos, retroalimentación de estado clara y una disposición adaptable a distintos tamaños.

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

Cabecera fija de la hoja de cálculo del estudio

Completa una tabla fija con encabezado pegajoso en el contexto del libro mayor del estudio: incluye contenido realista, controles accionables, feedback de estado claro y un diseño adaptable a distintos tamaños.

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

Diseño narrativo en dos paneles para el manual del jardín

Completa un diseño narrativo a pantalla dividida en una escena de folleto de jardín: con contenido real, controles accionables, feedback de estado claro y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño narrativo a dos columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0979Escenarios de páginas de marketing y contenido

Página del plan de precios para la jornada de puertas abiertas del estudio

Completa la página de planes de precios en el escenario del día de puertas abiertas del estudio: incluye contenido real, controles interactivos, feedback de estado claro y maquetación adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoPágina de plan de preciosHTMLCSSJavaScript
Abrir y ejecutar
0980Interfaces de panel y administración

Resumen de indicadores clave del puesto de alojamiento

Completa una vista general de indicadores clave en un contexto de mesa de atención residencial: incluye contenido real, controles interactivos, 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
0981Procesos comerciales y de servicio

Flujo de solicitud de devolución o cambio en mostrador de devoluciones y cambios ambulatorio

Completa el flujo de solicitud de devolución y cambio en el contexto de un mostrador de devoluciones de una clínica: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

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

Maquetación tipográfica dinámica para el póster del aula

Composición dinámica de texto en un contexto de póster de aula: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

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

Feedback de controles elásticos del rastreador ambulatorio

Completa una experiencia de controles elásticos en el contexto de un seguimiento clínico: incluye contenido realista, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

Animación y microinteraccionesRetroalimentación de controles elásticosHTMLCSS AnimationJavaScript
Abrir y ejecutar
0984efectos visuales creativos

Efecto de explosión de confeti en el corredor coralino

Completa un efecto de explosión de confeti en el escenario del corredor coral: incluye contenido real, controles interactivos, feedback de estado claro y diseño adaptable a distintos tamaños.

efectos visuales creativosEfecto de confetiHTMLCanvasJavaScript
Abrir y ejecutar