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

Organizador de marcadores para tareas de diseño

Completa el organizador de marcadores para un escenario de tareas de diseño: incluye contenido real, controles interactivos, retroalimentación clara del estado y diseño adaptable a distintos tamaños.

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

Tabla de edición en línea de calificaciones de cursos

Tabla de edición en línea para calificaciones de cursos: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

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

Galería adaptable del portal comunitario

Completa una galería adaptable en el contexto de un portal comunitario: 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 responsiveGalería adaptableHTMLCSSJavaScript
Abrir y ejecutar
0316Escenarios de páginas de marketing y contenido

Página de estudio de caso del festival creativo

Completa una página de estudio de caso para el escenario del festival creativo: incluye contenido real, controles accionables, estados claros y una maquetación adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoPágina de estudio de casoHTMLCSS GridResponsive Design
Abrir y ejecutar
0317Interfaces de panel y administración

Panel de retención de grupos de programación de consultas externas

Completa un panel de retención por grupos en el contexto de la planificación de consulta externa: incluye contenido realista, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

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

Selector de asientos para alquiler de bicicletas

Completa un selector de asientos en un escenario de alquiler de bicicletas: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

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

Diseño en cuadrícula de poesía para revista urbana

Completa una composición tipográfica en cuadrícula poética en el contexto de una revista urbana: incluye contenido real, controles accionables, estados claros 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
0320Animación y microinteracciones

Animación de revelado de contenido para herramienta de enfoque

Completa una animación de revelado de contenido en el escenario de la herramienta de enfoque: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Animación y microinteraccionesAnimación de revelado de contenidoHTMLCSS AnimationJavaScript
Abrir y ejecutar
0321efectos visuales creativos

Espacio de profundidad de vidrio del jardín nocturno

En el escenario del Jardín Nocturno se completa un espacio de profundidad de vidrio: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

efectos visuales creativosespacio de profundidad de vidrioHTMLCSS GridResponsive Design
Abrir y ejecutar
0322Dibujo y visualización de datos

Grafo de nodos de relaciones del progreso de aprendizaje

Completa un diagrama de nodos de relaciones en un escenario de progreso de aprendizaje: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosgráfico de nodos de relacionesHTMLCanvasJavaScript
Abrir y ejecutar
0323Capacidades de medios y dispositivos del navegador

Detección del color del sistema de la sala de demostración

Completa la detección del esquema de color del sistema en un escenario de sala de presentación: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Tres en raya para el descanso entre clases

Completa un tres en raya durante el descanso entre clases: incluye contenido realista, controles interactivos, feedback de estado claro y diseño adaptable a distintos tamaños.

Miniaplicaciones y minijuegosta-te-tiHTMLCSSJavaScript
Abrir y ejecutar
0325Controles y selectores básicos

Selección rápida de fecha en modo de lectura

Completa una selección rápida de fechas para el contexto del modo lectura: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

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

Formulario de confirmación del resumen de inscripción al curso

Completa un formulario de confirmación de resumen en un contexto de inscripción a un curso: incluye contenido real, controles operables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Formularios y entradaFormulario de confirmación de resumenHTMLCSSJavaScript
Abrir y ejecutar
0327Navegación y menús

Menú grande agrupado de la base de conocimientos

Completa un menú desplegable de varios niveles para escenarios de base de conocimientos: incluye contenido real, controles accionables, un estado claro y diseño adaptable a distintas pantallas.

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

Capa de progreso del centro de tareas

Completa una capa de bloqueo del progreso en un escenario de centro de tareas: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoMáscara de progresoHTMLCSSJavaScript
Abrir y ejecutar
0329Tarjetas, listas y organización de contenido

Índice de contactos para tareas de diseño

Completa un índice de contactos en un escenario de tareas de diseño: incluye contenido real, controles accionables, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

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

Tabla de selección múltiple de calificaciones del curso

Completa una tabla de selección múltiple en escenarios de calificaciones de curso: incluye contenido real, controles operables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Tablas y visualización de datosSelección por lotesHTML TableCSSJavaScript
Abrir y ejecutar
0331Diseño de página y responsive

Diseño de contenido maestro-detalle para el portal comunitario

En un portal comunitario, completa un diseño maestro-detalle: 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 de contenido principal/secundarioHTMLCSSJavaScript
Abrir y ejecutar
0332Escenarios de páginas de marketing y contenido

Página de comparación de productos del Festival Creativo

Completa una página de comparación de productos en un escenario de festival creativo: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Panel de flujo de tareas de consulta de clínica

Completa el panel de flujo de procesos en el escenario de programación clínica: incluye contenido real, controles accionables, una respuesta de estado clara y un diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónPanel de flujo de procesosHTMLCSS GridJavaScript
Abrir y ejecutar
0334Procesos comerciales y de servicio

Flujo de solicitud de devolución y cambio para alquiler de bicicletas

Completa un flujo de solicitud de devolución y cambio en un contexto de alquiler de bicicletas: incluye contenido real, controles accionables, retroalimentación clara del estado y diseño adaptado a distintos tamaños.

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

Ajuste de la longitud de línea de lectura para revista urbana

Completa un ajuste de longitud de línea de lectura en el escenario de revista urbana: contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

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

Animación de estado de órbita de la herramienta de enfoque

Completa la animación de estado orbital en un escenario de herramienta de concentración: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Animación y microinteraccionesAnimación de estado orbitalHTMLCSS AnimationJavaScript
Abrir y ejecutar