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 24 / 44
Se muestran actualmente 24 casos de ejemplo
0553Diseño de página y responsive

Cuadrícula editorial de revista del centro de cuidados

Completa una cuadrícula editorial de revista en un escenario de centro de cuidados: incluye contenido real, controles accionables, comentarios de estado claros y una distribución adaptable a distintos tamaños.

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

página de agenda de evento para curso de cuidados

En un escenario de cursos de atención, se completa la página de agenda de actividades: incluye contenido real, controles utilizables, retroalimentación clara del estado y diseño adaptable a distintos tamaños.

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

Panel de retención segmentada de la red de cuidados

Completa un panel de retención de cohortes en un escenario de red de cuidados: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónPanel de retención por gruposHTML TableCSSJavaScript
Abrir y ejecutar
0556Procesos comerciales y de servicio

Selector de asientos para clase de arte

En el escenario de clase de arte, completa un selector de asientos: incluye contenido real, controles accionables, estados claros y un diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioselector de asientosHTMLCSSJavaScript
Abrir y ejecutar
0557Tipografía y efectos de texto

Texto rítmico en marquesina de guion sonoro

En un escenario de guion sonoro, completa una cinta de texto en movimiento rítmico: con contenido real, controles operables, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Tipografía y efectos de textotexto en movimientoHTMLCSS AnimationJavaScript
Abrir y ejecutar
0558Animación y microinteracciones

Cargador multietapa de bandas de audio

Complete un cargador de varias etapas en un escenario de ondas de audio: incluye contenido realista, controles accionables, retroalimentación clara del estado y diseños adaptables a distintos tamaños.

Animación y microinteraccionescargador de varias etapasHTMLCSS AnimationJavaScript
Abrir y ejecutar
0559efectos visuales creativos

Diseño tipográfico en cuadrícula para revista urbana

Completa un efecto de estela de puntero en el escenario del lago de nubes: incluye contenido real, controles accionables, comentarios claros de estado y una disposición adaptable a distintos tamaños.

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

Generador de formas de onda de métricas de audio

Completa un dibujador de formas de onda en un contexto de métricas de audio: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosDibujador de formas de ondaHTMLCanvasJavaScript
Abrir y ejecutar
0561Capacidades de medios y dispositivos del navegador

Detección del esquema de color del sistema de lector de archivos

Completa una detección del esquema de color del sistema en un contexto de lector de archivos: incluye contenido real, controles interactivos, retroalimentación de estado clara y una disposición adaptable a distintos tamaños.

Capacidades de medios y dispositivos del navegadorDetección del esquema de color del sistemaHTMLCSSBrowser API
Abrir y ejecutar
0562Miniaplicaciones y minijuegos

Panel de registro de hábito de emparejamiento de sonidos

Completa el panel de registro de hábitos en un escenario de coincidencia de sonidos: incluye contenido real, controles operables, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

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

Selector numérico del Rincón de Fitness

Crea un selector numérico para el escenario del rincón de fitness: incluye contenido real, controles utilizables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Encuesta condicional de inscripción de donación

Completa un cuestionario condicional en un escenario de registro de donantes: incluye contenido realista, controles interactivos, estado claro y un diseño adaptable a distintos tamaños.

Formularios y entradaCuestionario condicionalHTMLCSSJavaScript
Abrir y ejecutar
0565Navegación y menús

Menú mega agrupado de guía del campus

Complete el menú grande agrupado en un escenario de visita guiada por el campus: incluye contenido real, controles accionables, feedback de estado claro y un diseño adaptable a diferentes tamaños.

Navegación y menúsmenú grande agrupadoHTMLCSSJavaScript
Abrir y ejecutar
0566Superposición y retroalimentación de estado

Cuadro de diálogo de confirmación de recordatorio de clínica

Completa un cuadro de diálogo de confirmación en un escenario de recordatorio de clínica: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptado a diferentes tamaños.

Superposición y retroalimentación de estadoCuadro de diálogo de confirmaciónHTMLCSSJavaScript
Abrir y ejecutar
0567Tarjetas, listas y organización de contenido

Cronología de actividades de propuestas públicas

Completa la cronología de actividades en un contexto de propuestas públicas: incluye contenido real, controles accionables, estados claros y un diseño adaptable a distintos tamaños.

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

Tabla editable en línea del libro mayor de donaciones

Completa una tabla de edición en línea en el escenario de un libro mayor de donaciones: incluye contenido real, controles accionables, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Tablas y visualización de datostabla editable en líneaHTML TableCSSJavaScript
Abrir y ejecutar
0569Diseño de página y responsive

Diseño de ancho completo con inserciones del diario de cuidados

Completa un diseño de ancho completo e intercalado en el contexto de un diario de cuidados: incluye contenido real, controles accionables, estados claros y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de ancho completo intercaladoHTMLCSS GridResponsive Design
Abrir y ejecutar
0570Escenarios de páginas de marketing y contenido

Zona de conversión de preguntas y respuestas del campamento cívico

Completa una zona de conversión de preguntas y respuestas para un escenario de campamento cívico: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

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

Centro de mando de operaciones de la línea directa pública

Completa un panel de mando operativo para escenarios de líneas directas públicas: incluye contenido real, controles interactivos, retroalimentación de estado clara y una disposición adaptable a distintos tamaños.

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

Selección de tarjetas de plan para el taller de jardinería

Completa la selección de tarjetas de plan en un escenario de taller de jardinería: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Formulario de borrador automático para solicitud de equipos

Completa un formulario de borrador automático en un escenario de solicitud de equipo: incluye contenido real, controles interactivos, comentarios de estado claros y diseño adaptable a distintos tamaños.

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

Navegación de páginas numeradas para la sala de despacho de archivo

Completa la navegación por páginas en el escenario del centro de despacho de archivos: incluye contenido real, controles interactivos, estado claro y diseño adaptable a distintos tamaños.

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

Hoja de acciones contextuales de la consulta externa

Completa una hoja de acciones contextuales en el escenario de la hoja de operaciones de la consulta externa: incluye contenido real, controles interactivos, 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
0576Tarjetas, listas y organización de contenido

Organizador de marcadores de recortes de audio

Crear un organizador de marcadores en un escenario de caja de recortes de audio: incluye contenido real, controles interactivos, feedback de estado claro y diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoOrganizador de marcadoresHTMLCSS GridJavaScript
Abrir y ejecutar