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 17 / 44
Se muestran actualmente 24 casos de ejemplo
0385Miniaplicaciones y minijuegos

Juego de memoria de volteo para ritual de equipo

Completa el juego de memoria de voltear cartas en un contexto de ritual de equipo: incluye contenido real, controles interactivos, retroalimentación clara del estado y una disposición adaptable a distintos tamaños.

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

Escala de valoración del plan de viaje

Completa la escala de valoración en un contexto de plan de viaje: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Controles y selectores básicosescala de valoraciónHTMLCSSJavaScript
Abrir y ejecutar
0387Formularios y entrada

Comentarios sobre la fortaleza de la contraseña para solicitud de servicio

Completa una retroalimentación de fortaleza de contraseña para un escenario de solicitud de servicio: con contenido realista, controles interactivos, estado claro y diseño adaptable a distintos tamaños.

Formularios y entradaretroalimentación de la fortaleza de la contraseñaHTMLCSSJavaScript
Abrir y ejecutar
0388Navegación y menús

Panel de comandos del espacio del proyecto

Completa la paleta de comandos en un escenario de espacio de proyecto: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Navegación y menúsPanel de comandosHTMLCSSJavaScript
Abrir y ejecutar
0389Superposición y retroalimentación de estado

Ayuda emergente de la biblioteca de fotos

Completa un panel emergente de ayuda en un escenario de biblioteca de fotos: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoSuperposición de ayudaHTMLCSSJavaScript
Abrir y ejecutar
0390Tarjetas, listas y organización de contenido

Lista plegable de eventos locales

Completa una lista de contenido plegable en un contexto de eventos locales: incluye contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoLista de contenido plegableHTMLCSSJavaScript
Abrir y ejecutar
0391Tablas y visualización de datos

Control de visibilidad de columnas del presupuesto del proyecto

Control de visibilidad de columnas en un escenario de presupuesto de proyecto: incluye contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Tablas y visualización de datosControl de visualización de columnasHTML TableCSSJavaScript
Abrir y ejecutar
0392Diseño de página y responsive

Carcasa del panel de control de historias visuales

Completa el contenedor del panel en el contexto de una historia visual: incluye contenido real, controles interactivos, comentarios de estado claros y diseño adaptable a distintos tamaños.

Diseño de página y responsiveCarcasa del panelHTMLCSS GridResponsive Design
Abrir y ejecutar
0393Escenarios de páginas de marketing y contenido

Muro de historias de testimonios del campamento de aprendizaje

En el escenario del campamento de aprendizaje, completa un muro de historias de testimonios: incluye contenido real, controles accionables, una retroalimentación de estado clara y un diseño adaptable a distintas dimensiones.

Escenarios de páginas de marketing y contenidoMuro de historias y testimoniosHTMLCSSJavaScript
Abrir y ejecutar
0394Interfaces de panel y administración

Centro de mando operativo de capacidad del estudio

Completa el panel de mando en un escenario de capacidad de estudio: contenido realista, controles accionables, feedback de estado claro y un diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónCentro de mando de operacionesHTMLCSS GridJavaScript
Abrir y ejecutar
0395Procesos comerciales y de servicio

Flujo de reserva del servicio de reservas del taller

Completa un flujo de reserva de servicio para un escenario de reserva de taller: incluye contenido real, controles interactivos, comentarios de estado claros y una disposición adaptable a distintos tamaños.

Procesos comerciales y de servicioFlujo de reserva de servicioHTMLCSSJavaScript
Abrir y ejecutar
0396Tipografía y efectos de texto

Diseño con letra capitular para notas de exposición

Completa una composición con letra capitular para el escenario de notas de exposición: incluye contenido real, controles accionables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Tipografía y efectos de textoDiseño con capitularHTMLCSS GridResponsive Design
Abrir y ejecutar
0397Animación y microinteracciones

Transición de pantalla esqueleto para reproductor de música

Completa una transición con pantalla esqueleto para un escenario de reproductor de música: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Animación y microinteraccionesTransición de pantalla esqueletoHTMLCSS AnimationJavaScript
Abrir y ejecutar
0398efectos visuales creativos

Escenario de foco Aurora en el campo

Completa un escenario de escenario con foco puntual en un campo de auroras: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

efectos visuales creativosEscenario iluminadoHTMLCanvasJavaScript
Abrir y ejecutar
0399Dibujo y visualización de datos

Gráfica del panel de crecimiento del jardín

Completa gráficos de panel en un escenario de crecimiento de jardín: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de panelHTMLCanvasJavaScript
Abrir y ejecutar
0400Miniaplicaciones y minijuegos

Temporizador de concentración del ritual del equipo

En el escenario del ritual de equipo, completa un temporizador de concentración: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

Miniaplicaciones y minijuegostemporizador de concentraciónHTMLCSSJavaScript
Abrir y ejecutar
0401Controles y selectores básicos

Grupo de etiquetas filtradas para plan de viaje

Completa un grupo de etiquetas de filtrado en un escenario de plan de viaje: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintas dimensiones.

Controles y selectores básicosGrupo de etiquetas de filtradoHTMLCSSJavaScript
Abrir y ejecutar
0402Formularios y entrada

Grupo dinámico de campos para solicitudes de servicio

Completa un grupo de campos dinámicos en un flujo de solicitud de servicio: contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Formularios y entradaGrupo de campos dinámicosHTMLCSSJavaScript
Abrir y ejecutar
0403Navegación y menús

Navegación en árbol del espacio del proyecto

Completa una navegación en árbol en el contexto del espacio del proyecto: incluye contenido real, controles operables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Navegación y menúsNavegación en árbolHTMLCSSJavaScript
Abrir y ejecutar
0404Superposición y retroalimentación de estado

Información sobre herramientas con teclado para la biblioteca de fotos

Completa una pista de herramienta de teclado en un escenario de biblioteca de fotos: incluye contenido real, controles accionables, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoConsejo emergente de tecladoHTMLCSSJavaScript
Abrir y ejecutar
0405Tarjetas, listas y organización de contenido

Tarjeta carrusel de historias de eventos locales

Completa una tarjeta de carrusel de historias para escenarios de eventos locales: incluye contenido real, controles accionables, estados claros y una disposición adaptable a distintos tamaños.

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

Cabecera fija de presupuesto del proyecto

Completa una cabecera fija en un escenario de presupuesto de proyecto: incluye contenido real, controles interactivos, comentarios de estado claros y diseño adaptable a distintos tamaños.

Tablas y visualización de datosCabecera fijaHTML TableCSSJavaScript
Abrir y ejecutar
0407Diseño de página y responsive

Cuadrícula editorial de historias visuales

Completa una cuadrícula editorial en el entorno de relato visual: incluye contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

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

Página de presentación de funciones del campamento de aprendizaje

Completa una página de recorrido de funciones para un escenario de campamento de aprendizaje: incluye contenido real, controles accionables, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoPágina de guía de funcionesHTMLCSSJavaScript
Abrir y ejecutar