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 44 de 44
Actualmente se muestran 14 casos
1033Animación y microinteracciones

Transición de forma del botón para el flujo de donación

Completa la transición de morfosis del botón en un flujo de donación: incluye contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Animación y microinteraccionesTransición morfológica de botonesHTMLCSS AnimationJavaScript
Abrir y ejecutar
1034efectos visuales creativos

Espacio de vidrio y profundidad de eco

Completa un espacio de profundidad de vidrio en el contexto de la sala de ecos: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Gráfico de línea temporal del atlas del aula

Completa un gráfico de línea de tiempo en un escenario de atlas de aula: incluye contenido real, controles operables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosgráfica de cronologíaHTMLCanvasJavaScript
Abrir y ejecutar
1036Capacidades de medios y dispositivos del navegador

Demostración de portapapeles en terminal de consultas

Completa una demostración de operaciones de portapapeles en el escenario de un terminal clínico: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

Capacidades de medios y dispositivos del navegadorDemostración de operaciones del portapapelesHTMLCSSBrowser API
Abrir y ejecutar
1037Miniaplicaciones y minijuegos

Juego de memoria con tarjetas y temporizador de clase

Completa un juego de memoria de voltear cartas en un escenario de mesa con temporizador de clase: incluye contenido real, controles interactivos, retroalimentación de estado clara y una composición adaptable a distintos tamaños.

Miniaplicaciones y minijuegosjuego de memoria de cartas boca abajoHTMLCSSJavaScript
Abrir y ejecutar
1038Controles y selectores básicos

Regulador de rango para panel de propuestas de espectáculo

Completa un control de rango en el contexto de un tablero de plan de espectáculo: incluye contenido real, controles operables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Controles y selectores básicosajustador de rangoHTMLCSSJavaScript
Abrir y ejecutar
1039Formularios y entrada

Formulario de confirmación del resumen de la tarjeta de aprobación de beca

Completa el formulario de confirmación de resumen en el escenario de tarjeta de confirmación de beca y ayuda: incluye contenido real, controles interactivos, un estado claro y un diseño adaptable a distintos tamaños.

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

Migas de pan del panel de programación del estudio

Completa una navegación de migas de pan en el contexto del puesto de despacho del estudio: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Navegación y menúsmigas de panHTMLCSSJavaScript
Abrir y ejecutar
1041Superposición y retroalimentación de estado

Tarjeta de confirmación de aprobación, pila de mensajes

Completa una pila de notificaciones para el escenario de tarjeta de confirmación de aprobación: incluye contenido real, controles accionables, retroalimentación clara del estado y diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoPila de notificacionesHTMLCSSJavaScript
Abrir y ejecutar
1042Tarjetas, listas y organización de contenido

Tarjeta carrusel de historias del recorte del estudio

Completa una tarjeta carrusel de historias en la escena de la caja de recortes del estudio: incluye contenido real, controles operables, feedback de estado claro y una disposición adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidotarjeta carrusel de historiasHTMLCSSJavaScript
Abrir y ejecutar
1043Tablas y visualización de datos

Tabla compuesta de filtrado de uso del estudio

Completa la tabla de filtros combinados en el escenario de la tabla de uso del estudio: 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 de filtrado combinadoHTML TableCSSJavaScript
Abrir y ejecutar
1044Diseño de página y responsive

Cuadrícula editorial de revista de cuaderno de jardín

Completa una cuadrícula editorial de revista en un escenario de cuaderno de jardín: contenido real, controles accionables, feedback de estado claro y diseño adaptable a distintos tamaños.

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

Zona de conversión de preguntas frecuentes para pases de viaje

Completa la zona de conversión de preguntas y respuestas en un escenario de pase de viaje: incluye contenido real, controles interactivos, feedback de estado claro y una disposición adaptable a distintos tamaños.

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

Panel de calor del calendario de la red de servicios de vivienda

Completa un panel de calor del calendario para un escenario de servicios en línea para residentes: incluye contenido real, controles interactivos, retroalimentación clara de estados y diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónPanel de calor del calendarioHTMLCanvasJavaScript
Abrir y ejecutar