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 20 / 44
Se muestran actualmente 24 casos de ejemplo
0457Tablas y visualización de datos

Tabla de edición en línea del presupuesto del proyecto

En un escenario de presupuesto de proyecto, completa una tabla editable en línea: incluye contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

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

Galería adaptable de historias visuales

Completa una galería adaptable en un contexto de relato visual: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable entre tamaños.

Diseño de página y responsiveGalería adaptableHTMLCSSJavaScript
Abrir y ejecutar
0459Escenarios de páginas de marketing y contenido

página de estudio de caso de campamento de aprendizaje

Completa una página de estudio de caso en el escenario de un campamento de aprendizaje: incluye contenido real, controles interactivos, feedback claro de estado y un diseño adaptable a distintos tamaños.

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

Panel de retención por cohortes de capacidad del estudio

Completa un panel de retención por cohortes para un escenario de capacidad de estudio: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a varios tamaños.

Interfaces de panel y administraciónPanel de retención por gruposHTML TableCSSJavaScript
Abrir y ejecutar
0461Animación y microinteracciones

Animación de revelado de contenido del reproductor de música

Completa la animación de revelado de contenido en el escenario del reproductor de música: incluye contenido real, controles operables, feedback de estado claro y un diseño adaptable a distintos tamaños.

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

Espacio de profundidad de vidrio del campo aurora

Completa un espacio de profundidad de vidrio en un escenario de campo aurora: incluye contenido real, controles accionables, comentarios de estado claros y una distribución adaptable a distintos tamaños.

efectos visuales creativosespacio de profundidad de vidrioHTMLCSS GridResponsive Design
Abrir y ejecutar
0463Controles y selectores básicos

Selección rápida de fechas para plan de viaje

Selecciona rápidamente fechas en un escenario de planificación de viaje: incluye contenido real, controles interactivos, un estado claro y un diseño adaptable a distintos tamaños.

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

Formulario de confirmación del resumen de solicitud de servicio

Completa el formulario de confirmación resumida en el escenario de solicitud de servicio: incluye contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

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

Menú desplegable agrupado del espacio de proyecto

Completa un mega menú agrupado para el contexto de espacio de proyecto: incluye contenido real, controles interactivos, un estado claro y un diseño adaptable a distintos tamaños.

Navegación y menúsmenú grande agrupadoHTMLCSSJavaScript
Abrir y ejecutar
0466Tarjetas, listas y organización de contenido

Índice de contactos de eventos locales

Completa el índice de contactos en un escenario de eventos locales: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

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

Tabla de selección múltiple del presupuesto del proyecto

Completa una tabla de selección múltiple en el escenario de presupuesto del proyecto: incluye contenido real, controles accionables, feedback de estado claro y un diseño adaptable a distintos tamaños.

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

Diseño maestro-detalle con contenido de historias visuales

Completa un diseño de contenido principal y secundario en un contexto de narrativa visual: incluye contenido real, controles accionables, 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
0469Escenarios de páginas de marketing y contenido

Página comparativa de productos del campamento de aprendizaje

Completa la página de comparación de productos en el escenario del campamento de aprendizaje: incluye contenido real, controles operables, retroalimentación clara del estado y un diseño adaptado a distintos tamaños de pantalla.

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

Panel de la línea de proceso de capacidad del estudio

Completa un panel de flujo de procesos en un escenario de capacidad de estudio: con contenido real, controles operables, estado claro y diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónPanel de flujo de procesosHTMLCSS GridJavaScript
Abrir y ejecutar
0471Animación y microinteracciones

Animación de estado de la pista del reproductor de música

Completa una animación de estado de pista en un escenario de reproductor musical: incluye contenido real, controles accionables, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Animación y microinteraccionesAnimación de estado orbitalHTMLCSS AnimationJavaScript
Abrir y ejecutar
0472efectos visuales creativos

Efecto de estela de luz del puntero en el campo aurora

Completa un efecto de estela del cursor en un escenario de campo de auroras: incluye contenido realista, controles interactivos, estado claro y un diseño adaptable a distintos tamaños.

efectos visuales creativosEfecto de estela del punteroHTMLCanvasJavaScript
Abrir y ejecutar
0473Controles y selectores básicos

Selector segmentado del estudio musical

Completa el selector segmentado en el escenario del estudio de música: incluye contenido real, controles operables, una clara retroalimentación de estado y un diseño adaptable a varios tamaños.

Controles y selectores básicosselector segmentadoHTMLCSSJavaScript
Abrir y ejecutar
0474Formularios y entrada

Formulario de validación en tiempo real para reservas de eventos

Completa un formulario de validación en tiempo real en un escenario de reserva de eventos: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Formularios y entradaFormulario de validación en tiempo realHTMLCSSJavaScript
Abrir y ejecutar
0475Tarjetas, listas y organización de contenido

Pared de tarjetas filtrable para directorio de equipo

Completa una pared de tarjetas filtrable para el escenario de directorio de equipo: incluye contenido real, controles interactivos, respuestas de estado claras y un diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoMuro de tarjetas filtrablesHTMLCSSJavaScript
Abrir y ejecutar
0476Tablas y visualización de datos

Tabla ordenable de tickets de servicio con varias columnas

En el escenario de las órdenes de servicio, completa la tabla de ordenación multicolumna: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Diseño de cuadrícula tipo bento para notas de investigación

Completa un diseño de cuadrícula tipo bento para un escenario de notas de investigación: incluye 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 de cuadrícula tipo bentoHTMLCSS GridResponsive Design
Abrir y ejecutar
0478Escenarios de páginas de marketing y contenido

Portada narrativa de campamento natural

Completa una cabecera narrativa en un escenario de campamento en la naturaleza: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoHero narrativoHTMLCSSJavaScript
Abrir y ejecutar
0479Animación y microinteracciones

Cargador multietapa del estado del pedido

Completa un cargador de varias etapas para escenarios de estado de pedido: con contenido real, controles accionables, feedback de estado claro y diseño adaptable a distintos tamaños.

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

Campo de partículas interactivo en Paper Space

Completa un campo de partículas interactivo en un escenario de espacio de papel: incluye contenido real, controles operables, retroalimentación clara de estado y una disposición adaptable a distintos tamaños.

efectos visuales creativosCampo de partículas interactivoHTMLCanvasJavaScript
Abrir y ejecutar