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 18 de 44
Se muestran actualmente 24 casos de ejemplo
0409Interfaces de panel y administración

Panel de uso de recursos de capacidad del estudio

En el contexto de la capacidad del estudio, completa un panel de uso de recursos: incluye contenido real, controles interactivos, retroalimentación de estado clara y una disposición adaptable a distintos tamaños.

Interfaces de panel y administraciónPanel de uso de recursosHTMLCSS GridJavaScript
Abrir y ejecutar
0410Procesos comerciales y de servicio

Generador de facturas para reservas del taller

Completa el generador de facturas en un escenario de reserva de taller: incluye contenido real, controles operables, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioGenerador de facturasHTMLCSSJavaScript
Abrir y ejecutar
0411Animación y microinteracciones

Entrada escalonada de la lista del reproductor de música

Completa una entrada escalonada de lista para un escenario de reproductor de música: incluye contenido real, controles accionables, una clara retroalimentación de estado y un diseño adaptable a distintos tamaños.

Animación y microinteraccionesEntrada escalonada de la listaHTMLCSS AnimationJavaScript
Abrir y ejecutar
0412efectos visuales creativos

Escena de olas multicapa de la llanura de auroras

Completa una escena de olas en capas 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 creativosescenario de ondas múltiplesHTMLCSS AnimationJavaScript
Abrir y ejecutar
0413Dibujo y visualización de datos

Gráfico radar de capacidades de crecimiento del jardín

Completa un gráfico radar de capacidades para el escenario de crecimiento del jardín: incluye contenido realista, controles accionables, estados claros y diseño adaptable a diferentes tamaños.

Dibujo y visualización de datosRadar de capacidadesHTMLCanvasJavaScript
Abrir y ejecutar
0414Controles y selectores básicos

Stepper numérico para plan de viaje

Completa un stepper numérico para el escenario de un plan de viaje: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

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

Formulario de presupuesto para solicitud de servicio

Completa la tabla de presupuesto en un escenario de solicitud de servicio: incluye contenido realista, controles accionables, una respuesta de estado clara y un diseño adaptable a distintos tamaños.

Formularios y entradaPresupuestoHTMLCSSJavaScript
Abrir y ejecutar
0416Navegación y menús

Navegación de progreso del espacio del proyecto

Completa la navegación de progreso del flujo en el contexto de espacio de proyecto: incluye contenido real, controles utilizables, feedback de estado claro y diseño adaptable a distintos tamaños.

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

Barra de estado de la fototeca

Banner de estado completo para escenarios de biblioteca de fotos: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoBanner de estadoHTMLCSSJavaScript
Abrir y ejecutar
0418Tarjetas, listas y organización de contenido

Cola de prioridad de eventos locales

Completa la cola de prioridad en un escenario de eventos locales: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoCola de prioridadHTMLCSS GridJavaScript
Abrir y ejecutar
0419Tablas y visualización de datos

Tabla de tarjetas móvil de presupuesto del proyecto

Completa una tabla en tarjetas para móvil en el escenario de presupuesto de proyecto: incluye contenido real, controles operables, estado claro y un diseño adaptable a distintos tamaños.

Tablas y visualización de datosTabla de tarjetas para móvilesHTML TableCSSJavaScript
Abrir y ejecutar
0420Diseño de página y responsive

Diseño de cuadrícula de mampostería responsive para relatos visuales

Completa un diseño de cuadrícula responsive de tipo masonry en un escenario de historia visual: 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 responsiveDiseño de cascada adaptableHTMLCSSJavaScript
Abrir y ejecutar
0421Escenarios de páginas de marketing y contenido

Página de cuenta atrás del lanzamiento del campamento de aprendizaje

Completa una página de cuenta regresiva de lanzamiento en el contexto de un campamento de aprendizaje: incluye contenido real, controles operables, retroalimentación clara de estado y diseño adaptativo entre tamaños.

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

Panel de embudo de conversión de capacidad del estudio

Completa un panel de embudo de conversión para el escenario de capacidad del estudio: incluye contenido real, controles utilizables, una clara retroalimentación de estado y una disposición adaptable a distintos tamaños.

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

Selección de plan de suscripción para reserva de taller

Completa la selección del plan de suscripción en un escenario de reserva para taller: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioSelección de plan de suscripciónHTMLCSSJavaScript
Abrir y ejecutar
0424Animación y microinteracciones

Cambio de estado de página del reproductor de música

Completa el cambio de estado de página en el escenario del reproductor de música: incluye contenido real, controles interactivos, feedback de estado claro y diseño adaptable a distintos tamaños.

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

Efecto de viaje por un campo estrellado en el campo de aurora

En el escenario de pradera de auroras, consigue un efecto de travesía estelar: incluye contenido realista, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

efectos visuales creativosEfecto de travesía por el cielo estrelladoHTMLCanvasJavaScript
Abrir y ejecutar
0426Dibujo y visualización de datos

Diagrama de dispersión del crecimiento del jardín

Completa un diagrama de dispersión en un escenario de crecimiento del jardín: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de dispersiónHTMLCanvasJavaScript
Abrir y ejecutar
0427Controles y selectores básicos

Selección de muestras de color para plan de viaje

Completa la selección de muestras de color en un escenario de planificación de viaje: incluye contenido real, controles interactivos, una clara retroalimentación de estado y un diseño adaptable a distintos tamaños.

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

Formulario de reserva de franjas horarias para solicitud de servicio

Completa una tabla de reservas de franjas horarias en el contexto de una solicitud de servicio: incluye contenido real, controles accionables, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Formularios y entradaTabla de citas por franja horariaHTMLCSSJavaScript
Abrir y ejecutar
0429Navegación y menús

Navegación rápida inferior para el espacio del proyecto

Completa la navegación rápida inferior para escenarios de espacio de proyecto: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Navegación y menúsNavegación rápida inferiorHTMLCSSJavaScript
Abrir y ejecutar
0430Superposición y retroalimentación de estado

Centro de notificaciones de la biblioteca de fotos

Completa el centro de notificaciones en un escenario de biblioteca de fotos: incluye contenido real, controles utilizables, feedback de estado claro y diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoCentro de notificacionesHTMLCSSJavaScript
Abrir y ejecutar
0431Tarjetas, listas y organización de contenido

Registros desplegables de eventos locales

Completa los registros expandibles en un contexto de eventos locales: incluye contenido real, controles interactivos, estados claros y diseño adaptable a distintos tamaños.

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

Tabla comparativa de presupuestos del proyecto

Completa una tabla comparativa de propuestas en el contexto de un presupuesto de proyecto: incluye contenido real, controles operables, feedback de estado claro y un diseño adaptable a varios tamaños.

Tablas y visualización de datosTabla de comparación de propuestasHTML TableCSSJavaScript
Abrir y ejecutar