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 32 / 44
Se muestran actualmente 24 casos de ejemplo
0745Escenarios de páginas de marketing y contenido

Muro de historias de reseñas de la residencia creativa

Completa un muro de historias de recomendaciones en el escenario de residencia creativa: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

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

Panel de flujo del tablero de revisión de cursos

Completa un panel de flujo de trabajo en el escenario de tablero de revisión de clase: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónPanel de flujo de procesosHTMLCSS GridJavaScript
Abrir y ejecutar
0747Controles y selectores básicos

Grupo de etiquetas de filtro del expositor del altillo

Completa un grupo de etiquetas de filtro en un escenario de estantería de exhibición en el ático: incluye contenido real, controles operativos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Retroalimentación de intensidad de contraseña para el registro de seguimiento de estancias

Completa el feedback de intensidad de contraseña en un escenario de registro de seguimiento de alojamiento: incluye contenido real, controles interactivos, feedback de estado claro y una disposición adaptable a distintos tamaños.

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

Navegación en árbol del mapa de rutas del campus

Completa la navegación en árbol en el contexto del mapa de rutas del campus: incluye contenido real, controles accionables, estados claros y una disposición adaptable a distintos tamaños.

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

Máscara de progreso de la nota de prueba de galería

Se ha completado la superposición de progreso para el escenario de la nota de pruebas de galería: incluye contenido real, controles operables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoMáscara de progresoHTMLCSSJavaScript
Abrir y ejecutar
0751Tarjetas, listas y organización de contenido

Tablero de tareas de rondas clínicas ambulatorias

En la escena de rondas ambulatorias, completa un tablero kanban de tareas: incluye contenido real, controles operables, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoTablero de tareasHTMLCSS GridJavaScript
Abrir y ejecutar
0752Tablas y visualización de datos

Tabla de lista de elementos de exposición y selección múltiple

Completa una tabla de selección múltiple en el escenario de la lista de piezas de exposición: incluye contenido real, controles accionables, feedback claro de estado y un diseño adaptable a distintos tamaños.

Tablas y visualización de datosSelección por lotesHTML TableCSSJavaScript
Abrir y ejecutar
0753Diseño de página y responsive

Galería adaptable de cuaderno de cuidados

En el contexto de un cuaderno de cuidados, completa una galería adaptable: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveGalería adaptableHTMLCSSJavaScript
Abrir y ejecutar
0754Escenarios de páginas de marketing y contenido

Página de estudio de caso para la semana de inscripción de creadores

Completa la página de estudio de caso en un escenario de semana de inscripción creativa: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoPágina de estudio de casoHTMLCSS GridResponsive Design
Abrir y ejecutar
0755Interfaces de panel y administración

Panel de uso de recursos de la red de servicios de clases

Completa un panel de uso de recursos para el escenario de servicios de clase: incluye contenido real, controles utilizables, comentarios de estado claros y un diseño adaptable a varios tamaños.

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

Selector de asientos del carrito de suministros de cuidados

Complete un selector de asientos para un escenario de carro de suministros de cuidados: incluye contenido realista, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioselector de asientosHTMLCSSJavaScript
Abrir y ejecutar
0757Tipografía y efectos de texto

Ritmo de texto en cinta del script de archivo

Completa un texto en marquesina rítmica en un escenario de guion de archivo: incluye contenido real, controles interactivos, feedback de estado claro y diseño adaptable a diferentes tamaños.

Tipografía y efectos de textotexto en movimientoHTMLCSS AnimationJavaScript
Abrir y ejecutar
0758Animación y microinteracciones

Entrada escalonada y desfasada en la lista de disparadores del catálogo

Completa la entrada escalonada de la lista en el escenario del disparador de catálogo: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Efecto de estela de cursor en el corredor del lago de nubes

En el contexto del corredor del lago de nubes, completa un efecto de estela del puntero: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

efectos visuales creativosEfecto de estela del punteroHTMLCanvasJavaScript
Abrir y ejecutar
0760Dibujo y visualización de datos

Diagrama de dispersión de señales de aire

Complete el diagrama de dispersión en el escenario del mapa de señales aéreas: incluye contenido real, controles operables, una clara retroalimentación de estado y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de dispersiónHTMLCanvasJavaScript
Abrir y ejecutar
0761Capacidades de medios y dispositivos del navegador

Panel de información del punto de vista del terminal de audio

Completa un panel de información del viewport en un escenario de terminal de audio: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Capacidades de medios y dispositivos del navegadorPanel de información del viewportHTMLCSSBrowser API
Abrir y ejecutar
0762Miniaplicaciones y minijuegos

Tablero de fichaje con temporizador de archivo

Completa un tablero de verificación de hábitos para escenarios de mesa de temporización de archivo: incluye contenido real, controles interactivos, retroalimentación de estado clara y una disposición adaptable a distintos tamaños.

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

Control numérico de incremento para el espacio de descanso del ático

Completa el selector numérico en el escenario del altillo de descanso: incluye contenido real, controles interactivos, retroalimentación clara del estado y una disposición adaptable a distintos tamaños.

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

Grupo dinámico de campos del registro de alojamiento

En el escenario del puesto de registro de vivienda, completa un grupo de campos dinámicos: incluye contenido real, controles accionables, retroalimentación clara de estado y un diseño adaptable a diferentes tamaños.

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

Pestañas del espacio de trabajo del servicio del campus

Completa las pestañas del espacio de trabajo en el contexto del salón de servicios del campus: incluye contenido real, controles operables, feedback de estado claro y un diseño adaptable a distintos tamaños.

Navegación y menúsPestañas del espacio de trabajoHTMLCSSJavaScript
Abrir y ejecutar
0766Superposición y retroalimentación de estado

Cajón lateral del puesto de revisión de la galería

Completar el cajón lateral en el contexto de una mesa de revisión de galería: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoCajón lateralHTMLCSSJavaScript
Abrir y ejecutar
0767Tarjetas, listas y organización de contenido

Notas en cascada del estante de historias ambulatorias

En un contexto de estantería de historias de la clínica, crea notas en cascada: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoNotas tipo cascadaHTMLCSSJavaScript
Abrir y ejecutar
0768Tablas y visualización de datos

Control de visualización de columnas del calendario de elementos de exposición

Control de visibilidad de columnas en el escenario de la tabla de programación de exposiciones: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño entre tamaños.

Tablas y visualización de datosControl de visualización de columnasHTML TableCSSJavaScript
Abrir y ejecutar