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 5 de 44
Se muestran actualmente 24 casos de ejemplo
0097efectos visuales creativos

Escena de olas en capas del mar profundo

Completa una escena de olas en capas en un entorno de aguas profundas: incluye contenido realista, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

efectos visuales creativosescenario de ondas múltiplesHTMLCSS AnimationJavaScript
Abrir y ejecutar
0098Dibujo y visualización de datos

Radar de capacidades de calidad del aire

Completa un gráfico de radar de capacidades en el escenario de calidad del aire: incluye contenido real, controles accionables, retroalimentación clara de estado y un diseño adaptable a varios tamaños.

Dibujo y visualización de datosRadar de capacidadesHTMLCanvasJavaScript
Abrir y ejecutar
0099Capacidades de medios y dispositivos del navegador

Control de escenario a pantalla completa del laboratorio de dispositivos

Completa el control de pantalla completa en el escenario del laboratorio de dispositivos: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

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

Tablero de seguimiento de hábitos de la noche en familia

Completa un panel de seguimiento de hábitos en el contexto de una noche en familia: incluye contenido real, controles accionables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Número de salas de reunión

Completa un selector numérico en un escenario de sala de reuniones: contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a varios tamaños.

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

Tabla de presupuesto para inscripción de voluntarios

Completa la tabla de configuración presupuestaria en el escenario de inscripción de voluntarios: incluye contenido real, controles interactivos, retroalimentación clara del estado y una disposición adaptable a distintos tamaños.

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

Navegación de progreso del recorrido del museo

Completa una navegación de progreso de flujo en un escenario de guía de museo: 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 de progreso de flujoHTMLCSSJavaScript
Abrir y ejecutar
0104Superposición y retroalimentación de estado

Barra de estado para revisión de documentos

En el escenario de revisión de documentos, completa un banner de estado: incluye contenido real, controles operables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Cola de prioridades de lista de lectura

Completa una cola de prioridad en un escenario de lista de lectura: 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 contenidoCola de prioridadHTMLCSS GridJavaScript
Abrir y ejecutar
0106Tablas y visualización de datos

Tabla de tarjetas para inventario en móvil

Completa una tabla de tarjetas para móvil en un escenario de registro de inventario: incluye contenido real, controles accionables, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

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

Diseño responsive en cascada para la revista de arquitectura

Completa un diseño de cuadrícula tipo masonry responsivo en un contexto de diario de arquitectura: incluye contenido real, controles interactivos, estados claros y un diseño que se adapte a distintos tamaños.

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

Página de cuenta regresiva para el lanzamiento de una marca de té

Completa una página de cuenta regresiva de lanzamiento para un contexto de marca de té: incluye contenido real, controles interactivos, retroalimentación clara de estado y una distribución adaptable a varios tamaños.

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

Panel de embudo de conversión de operaciones de biblioteca

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

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

Selección del plan de suscripción de la floristería

Completa la selección de un plan de suscripción en el contexto de una floristería: incluye contenido real, controles accionables, retroalimentación de estado clara y una disposición adaptable a diferentes tamaños.

Procesos comerciales y de servicioSelección de plan de suscripciónHTMLCSSJavaScript
Abrir y ejecutar
0111Tipografía y efectos de texto

Maquetación dinámica de texto de la antología poética de la montaña

Composición tipográfica dinámica en el escenario de la antología poética de montaña: incluye contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Tipografía y efectos de textoComposición tipográfica dinámicaHTMLCSS AnimationJavaScript
Abrir y ejecutar
0112Animación y microinteracciones

Cambio de estado de paginación en la carga de archivos

Completa una transición de cambio de página en un escenario de carga de archivos: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

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

Efecto de travesía en el cielo estrellado del mar profundo

Atraviesa el cielo estrellado en una escena de mar profundo: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Gráfico de dispersión de la calidad del aire

Completa un diagrama de dispersión en el escenario de calidad del aire: 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 dispersiónHTMLCanvasJavaScript
Abrir y ejecutar
0115Capacidades de medios y dispositivos del navegador

Indicador de estado de conexión del laboratorio de dispositivos

Completa el indicador de estado de conexión en el escenario del laboratorio de dispositivos: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Capacidades de medios y dispositivos del navegadorIndicador de estado en líneaHTMLCSSBrowser API
Abrir y ejecutar
0116Miniaplicaciones y minijuegos

Convertidor de unidades de noche en familia

Completa un convertidor de unidades en el contexto de una noche en familia: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Miniaplicaciones y minijuegosConversor de unidadesHTMLCSSJavaScript
Abrir y ejecutar
0117Controles y selectores básicos

Selección de muestras de color para la sala de reuniones

Completa la selección de muestras de color en el contexto de una sala de reuniones: con contenido real, controles utilizables, retroalimentación clara de estado y maquetación adaptable a varios tamaños.

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

Tabla de reservas por franjas horarias para inscripción de voluntarios

Completa un formulario de reserva de franjas horarias para el escenario de inscripción de voluntarios: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a varios tamaños.

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

Navegación rápida inferior para guía de museo

Completa la navegación rápida inferior en un contexto de guía de museo: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

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

Centro de notificaciones para revisión de documentos

Completa el centro de notificaciones en el contexto de la revisión de documentos: incluye contenido real, controles accionables, estado claro y un diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoCentro de notificacionesHTMLCSSJavaScript
Abrir y ejecutar