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 39 / 44
Se muestran actualmente 24 casos de ejemplo
0913Controles y selectores básicos

Regulador de rango para configuración de carro de despensa

Completa un regulador de rango en el escenario de configuración de un carrito de despensa: incluye contenido real, controles interactivos, 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
0914Formularios y entrada

Formulario de confirmación del resumen de cita de reparación

Completa un formulario de confirmación resumida en el escenario de una cita de reparación: incluye contenido real, controles accionables, feedback de estado claro y un diseño adaptable a varios tamaños.

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

Navegación de migas de pan del vestíbulo de servicios ambulatorios

Completa la navegación de migas de pan en el contexto de una sala de servicios ambulatorios: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

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

Mensajes emergentes apilados para el registro de mentor

Completa una pila de avisos en el escenario del chequeo con mentor: incluye contenido real, controles interactivos, feedback de estado claro y diseño adaptable a distintos tamaños.

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

Estante de historias del campo, carrusel de historias

Complete una tarjeta de carrusel de historias en un escenario de estantería de historias de campo: incluye contenido realista, controles accionables, retroalimentación clara del estado y diseños adaptables a distintos tamaños.

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

Tabla de filtro combinado de inventario de repuestos

Completa una tabla de filtrado combinada en un escenario de inventario de repuestos: incluye contenido real, controles interactivos, una clara respuesta de estado y un diseño adaptable a distintos tamaños.

Tablas y visualización de datostabla de filtrado combinadoHTML TableCSSJavaScript
Abrir y ejecutar
0919Diseño de página y responsive

Grid editorial de la revista Atlas de campo

En el escenario de atlas de campo, completa la cuadrícula editorial de la revista: incluye contenido real, controles interactivos, comentarios de estado claros 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
0920Escenarios de páginas de marketing y contenido

Área de conversión de preguntas frecuentes del club de podcast

Completa un bloque de conversión de preguntas y respuestas en el escenario del pódcast Story Salon: incluye contenido real, controles accionables, comentarios de estado claros y diseño adaptable a distintos tamaños.

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

Panel de calor del calendario de servicios de invernadero

Completa un panel de calor de calendario en un escenario de red de servicios de invernadero: incluye contenido real, controles interactivos, estado claro y un diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónPanel de calor del calendarioHTMLCanvasJavaScript
Abrir y ejecutar
0922Controles y selectores básicos

Escala de calificación para estantería de tareas de la despensa

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

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

Tarjeta de confirmación de turno con presupuesto

Completa una tabla de presupuesto para el escenario de tarjeta de confirmación de turno: incluye contenido realista, controles accionables, retroalimentación clara del estado y diseño adaptable a distintos tamaños.

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

Panel de comandos de la tarjeta de acceso a la clínica

Completa un panel de comandos en el escenario de la tarjeta de visita ambulatoria: incluye contenido real, controles interactivos, feedback claro de estado y un diseño adaptable a distintos tamaños.

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

Tarjeta de confirmación del mentor, banda de estado

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

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

Lista de contenido plegable de la línea de inspección de campo

Completa la lista de contenido plegable en el escenario de la línea de inspección de campo: incluye contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a diferentes tamaños.

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

Tabla de edición en línea para reservas de espacios

Tabla de edición en línea para escenarios de reserva de espacios: incluye contenido real, controles interactivos, estados claros y diseño adaptable a distintos tamaños.

Tablas y visualización de datostabla editable en líneaHTML TableCSSJavaScript
Abrir y ejecutar
0928Diseño de página y responsive

Diseño a toda anchura para informe de campo

Completa un diseño de ancho completo en un contexto de informe de campo: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de ancho completo intercaladoHTMLCSS GridResponsive Design
Abrir y ejecutar
0929Escenarios de páginas de marketing y contenido

Página de presentación de funciones del plan de reparación

En un escenario de plan de reparación, completa una página de recorrido por funciones: incluye contenido real, controles operativos, retroalimentación clara de 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
0930Interfaces de panel y administración

Panel de retención agrupada del libro de guardias del invernadero

En el escenario del registro de guardia del invernadero, completa un panel de retención por grupos: incluye contenido real, controles operables, retroalimentación clara de estado y un diseño adaptable a distintas dimensiones.

Interfaces de panel y administraciónPanel de retención por gruposHTML TableCSSJavaScript
Abrir y ejecutar
0931Procesos comerciales y de servicio

Configurador de presupuestos para la ventanilla de recogida de la clínica

Completa un configurador de presupuesto para un contexto de ventanilla de recogida en clínica: incluye contenido realista, controles accionables, estados claros y un diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioConfigurador de presupuestoHTMLCSSJavaScript
Abrir y ejecutar
0932Tipografía y efectos de texto

Diseño con capitular de notas de clase

En el escenario de notas de clase, completa un diseño con capitular: incluye contenido real, controles accionables, una retroalimentación de estado clara y un diseño adaptable a distintas dimensiones.

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

Animación de revelado de contenido por fases en consulta

Completa una animación de revelado de contenido en escenarios de fases ambulatorias: incluye contenido real, controles accionables, comentarios claros de estado y un diseño adaptable a distintos tamaños.

Animación y microinteraccionesAnimación de revelado de contenidoHTMLCSS AnimationJavaScript
Abrir y ejecutar
0934efectos visuales creativos

Efecto de viaje por el espacio estelar en la habitación de coral

Completa el efecto de travesía estelar en el escenario de la sala coralina: incluye contenido real, controles interactivos, estados claros y disposición adaptable a distintos tamaños.

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

Gráfico de líneas de tendencia de la cola pública

Completa un gráfico de líneas de tendencia en un contexto de cola pública: 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 líneas de tendenciaHTMLCanvasJavaScript
Abrir y ejecutar
0936Capacidades de medios y dispositivos del navegador

Indicador de estado en línea del grabador ambulatorio

Completa el indicador de estado de red en el escenario del registrador de la clínica: incluye contenido real, controles interactivos, comentarios de estado claros y una disposición adaptable a distintos tamaños.

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