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 35 de 44
Se muestran actualmente 24 casos de ejemplo
0817Tarjetas, listas y organización de contenido

Cronología de inscripciones a actividades

Completa una línea de tiempo de eventos en el contexto de inscripciones a actividades: con contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoCronología de actividadesHTMLCSSJavaScript
Abrir y ejecutar
0818Tablas y visualización de datos

Tabla matricial de relaciones de mantenimiento de la flota

Completa una tabla de matriz relacional en un contexto de mantenimiento de flotas: con contenido real, controles accionables, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Tablas y visualización de datosTabla de matriz de relacionesHTML TableCSSJavaScript
Abrir y ejecutar
0819Diseño de página y responsive

Diseño clásico de tres columnas de la edición escolar

Completa un diseño clásico de tres columnas en un escenario de edición especial para clase: incluye contenido real, controles accionables, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño clásico de tres columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0820Escenarios de páginas de marketing y contenido

Narrativa de portada para club de pódcast

Completa una portada narrativa para el escenario del club de podcasts: incluye contenido real, controles operables, comentarios de estado claros y diseño adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoHero narrativoHTMLCSSJavaScript
Abrir y ejecutar
0821Interfaces de panel y administración

Puesto de mando de operación y mantenimiento de piezas de exposición

Completa un centro de mando de operaciones para un escenario de mantenimiento de exposiciones: incluye contenido real, controles accionables, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónCentro de mando de operacionesHTMLCSS GridJavaScript
Abrir y ejecutar
0822Controles y selectores básicos

Matriz de interruptores de preferencias del espacio makers

Completa una matriz de interruptores de preferencias en un contexto de makerspace: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Controles y selectores básicosMatriz de interruptores de preferenciasHTMLCSSJavaScript
Abrir y ejecutar
0823Formularios y entrada

Formulario automático de borrador de admisión de vivienda

Completa el formulario de borrador automático en un escenario de formulario de entrada y salida de alojamiento: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Formularios y entradaFormulario de borrador automáticoHTMLCSSJavaScript
Abrir y ejecutar
0824Navegación y menús

Navegación por páginas del despacho de consultas

Completa la navegación paginada en un escenario de despacho de clínica: con contenido real, controles operables, estado claro y diseño adaptable a distintos tamaños.

Navegación y menúsNavegación por páginasHTMLCSSJavaScript
Abrir y ejecutar
0825Superposición y retroalimentación de estado

Hoja de acciones contextuales para alertas del laboratorio

Completa una hoja de acciones contextuales en un escenario de alerta de laboratorio: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoPaleta de acciones contextualesHTMLCSSJavaScript
Abrir y ejecutar
0826Tarjetas, listas y organización de contenido

Organizador de marcadores del campo Clip Box

En el escenario de la caja de recortes de campo, completa el organizador de marcadores: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoOrganizador de marcadoresHTMLCSS GridJavaScript
Abrir y ejecutar
0827Tablas y visualización de datos

Tabla de datos paginada del registro del invernadero

Completa una tabla de datos paginada en el contexto del diario de invernadero: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Tablas y visualización de datostabla de datos paginadaHTML TableCSSJavaScript
Abrir y ejecutar
0828Diseño de página y responsive

Guía de aula de diseño de cuadrícula responsive tipo masonry

En un escenario de guía de clase, completa un diseño responsivo tipo mosaico: incluye contenido real, controles operables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de cascada adaptableHTMLCSSJavaScript
Abrir y ejecutar
0829Escenarios de páginas de marketing y contenido

Página de cuenta atrás para el lanzamiento de la semana de lanzamiento del pódcast

Crea una página de cuenta regresiva para el lanzamiento en el contexto de la semana de publicación de un pódcast: incluye contenido real, controles accionables, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoPágina de cuenta atrás para el lanzamientoHTMLCSS AnimationJavaScript
Abrir y ejecutar
0830Interfaces de panel y administración

Panel de embudo de conversión de operaciones del festival

Completa un panel de embudo de conversión en un contexto de operaciones de festival: incluye contenido real, controles interactivos, una clara retroalimentación de estado y un diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónPanel de embudo de conversiónHTMLCSS GridJavaScript
Abrir y ejecutar
0831Procesos comerciales y de servicio

Flujo de pasos de pago de plazas del curso

Completa el flujo de pasos de pago en un escenario de plazas para clases: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioFlujo de pasos de pagoHTMLCSSJavaScript
Abrir y ejecutar
0832Tipografía y efectos de texto

Ajuste de la longitud de línea para la lectura de carteles públicos

En un escenario de cartel público, completa el ajuste de la longitud de línea de lectura: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Tipografía y efectos de textoAjuste del interlineadoHTMLCSS TypographyJavaScript
Abrir y ejecutar
0833Animación y microinteracciones

Cambio de estado con volteo en la admisión de la clínica

Completa una transición de cambio de página en el contexto de registro clínico: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Animación y microinteraccionescambio de estado de páginaHTMLCSS AnimationJavaScript
Abrir y ejecutar
0834efectos visuales creativos

Patrón de caleidoscopio del jardín de coral

Completa un patrón de caleidoscopio en el escenario de jardín coralino: incluye contenido real, controles accionables, comentarios de estado claros y diseño adaptable a distintas pantallas.

efectos visuales creativospatrón de caleidoscopioHTMLCanvasJavaScript
Abrir y ejecutar
0835Dibujo y visualización de datos

Gráfico de barras interactivo de comentarios públicos

Completa un gráfico de barras interactivo para el escenario de comentarios públicos: incluye contenido real, controles accionables, estados claros y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de barras interactivoHTMLCanvasJavaScript
Abrir y ejecutar
0836Capacidades de medios y dispositivos del navegador

Control de pantalla completa para tablet en el aula

Se ha completado el control de escenario a pantalla completa para el contexto de una tableta en el aula: incluye contenido real, controles operables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Capacidades de medios y dispositivos del navegadorControl de escenario a pantalla completaHTMLCSSBrowser API
Abrir y ejecutar
0837Miniaplicaciones y minijuegos

Cuestionario rápido del puesto de reto del aula

Completa el quiz rápido de conocimientos en el escenario de desafío del aula: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Miniaplicaciones y minijuegoscuestionario rápidoHTMLCSSJavaScript
Abrir y ejecutar
0838Controles y selectores básicos

Selección rápida de fecha del mostrador de registro de la despensa

Completa una selección rápida de fecha en el contexto del mostrador de registro de la despensa: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Formulario de validación en tiempo real para registro de vivienda

Completa un formulario de validación en tiempo real para un escenario de registro de vivienda: incluye contenido realista, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

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

Navegación de progreso del recorrido por la sala ambulatoria

Completa la navegación del progreso del flujo en el escenario del muro de orientación de la clínica: incluye contenido real, controles interactivos, retroalimentación de estado clara y una disposición adaptable a distintos tamaños.

Navegación y menúsNavegación de progreso de flujoHTMLCSSJavaScript
Abrir y ejecutar