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 4 / 44
Se muestran actualmente 24 casos de ejemplo
0073Tarjetas, listas y organización de contenido

Lista de contenido plegable de lectura

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

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

Control de visibilidad de columnas del libro de inventario

Completa el control de visibilidad de columnas en un escenario de inventario: incluye contenido real, controles operables, 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
0075Diseño de página y responsive

Panel exterior del dashboard de arquitectura de la revista de arquitectura

Completa la carcasa del panel en el escenario de crónica de arquitectura: incluye contenido real, controles interactivos, una retroalimentación clara del estado y un diseño que se adapta a distintos tamaños.

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

Muro de historias y opiniones de marca de té

Completa un muro de historias de reseñas en el escenario de una marca de té: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

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

Panel de operaciones de la biblioteca

En un escenario de operaciones de biblioteca, completa el centro de mando operativo: incluye contenido real, controles interactivos, una señalización de estado clara y un diseño adaptable a distintos tamaños.

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

Flujo de reservas de servicios de floristería

En el escenario de una floristería, completa un flujo de reserva de servicio: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

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

Diseño con inicial capitular del poemario de la montaña

En un contexto de poemario de montaña, completa un diseño con letra capitular inicial: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

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

Transición de pantalla esqueleto para carga de archivos

En una carga de archivos, completa la transición de pantalla esqueleto: incluye contenido real, controles operables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Escenario de foco del mar profundo

Completa un escenario de foco en un escenario de profundidad marina: incluye contenido real, controles interactivos, retroalimentación clara de estados y diseño adaptable a distintos tamaños.

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

Gráfico de panel de control de calidad del aire

Completa una gráfica de panel en el escenario de calidad del aire: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de panelHTMLCanvasJavaScript
Abrir y ejecutar
0083Capacidades de medios y dispositivos del navegador

Demostración de operaciones de portapapeles del Laboratorio de dispositivos

Completa una demostración de portapapeles en el contexto del laboratorio de dispositivos: incluye contenido real, controles operables, feedback de estado claro y una disposición adaptable a distintos tamaños.

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

Temporizador de concentración para la noche en familia

Completa un temporizador de concentración en el contexto de una noche en familia: incluye contenido real, controles accionables, comentarios claros de estado y un diseño adaptable a distintos tamaños.

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

Grupo de etiquetas de filtro de salas de reuniones

Completa un grupo de etiquetas de filtro en un contexto de sala de reuniones: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

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

Grupo de campos dinámicos para inscripción de voluntarios

Completa un grupo de campos dinámicos en el escenario de inscripción de voluntarios: contenido real, controles accionables, feedback de estado claro y diseño adaptable a distintos tamaños.

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

Navegación en árbol para la guía del museo

Completa la navegación en árbol en el escenario de guía de museo: con contenido real, controles accionables, feedback de estado claro y diseño adaptable a distintos tamaños.

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

Revisión de documentos con sugerencias de teclado

En un escenario de revisión de documentos, se completa un tooltip de teclado: incluye contenido real, controles utilizables, retroalimentación clara del estado y diseño adaptable a distintos tamaños.

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

Carrusel de tarjetas de la lista de lectura de historias

Completa una tarjeta de carrusel de historias para escenarios de lista de lectura: incluye contenido real, controles interactivos, retroalimentación de estado clara y una disposición adaptable a distintos tamaños.

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

Cabecera fija del registro de inventario

Completa una cabecera fija en el escenario del libro mayor de inventario: incluye contenido real, controles interactivos, feedback de estado claro y diseño adaptable a distintos tamaños.

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

Malla editorial de la revista de arquitectura

Completa una cuadrícula editorial de revista en un escenario de diario de arquitectura: incluye contenido real, controles interactivos, retroalimentación clara del estado y diseño adaptable a distintos tamaños.

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

Página de recorrido por funciones de la marca de té

Completa una página de recorrido de funciones en un contexto de marca de té: incluye contenido real, controles interactivos, estados claros 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
0093Interfaces de panel y administración

Panel de recursos y uso de la biblioteca

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

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

Generador de facturas para floristería

Completa el generador de facturas en un contexto de floristería: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioGenerador de facturasHTMLCSSJavaScript
Abrir y ejecutar
0095Tipografía y efectos de texto

Efecto de máscara de texto para poemario de paisajes

Logra un efecto de máscara de texto en un entorno de antología poética de la montaña: incluye contenido real, controles interactivos, una clara retroalimentación de estado y un diseño adaptable a distintos tamaños.

Tipografía y efectos de textoEfecto de máscara de textoHTMLCSS TypographyJavaScript
Abrir y ejecutar
0096Animación y microinteracciones

Entrada escalonada de subida de archivos

Crea una entrada escalonada para listas en un escenario de carga de archivos: incluye contenido real, controles operables, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Animación y microinteraccionesEntrada escalonada de la listaHTMLCSS AnimationJavaScript
Abrir y ejecutar