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 27 de 44
Se muestran actualmente 24 casos de ejemplo
0625Superposición y retroalimentación de estado

Máscara de progreso para galera de consulta ambulatoria

En el escenario de corrección de pruebas de la consulta, completa una capa de progreso: incluye contenido real, controles interactivos, 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
0626Tarjetas, listas y organización de contenido

Tablero de tareas de tarjetas con avisos de voz

Completa un tablero de tareas en un escenario de tarjetas de aviso de audio: incluye contenido real, controles accionables, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

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

Tabla de lista de clínica con selección múltiple

Tabla de selección múltiple completa en el escenario de la lista de pacientes de consulta externa: incluye contenido real, controles accionables, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

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

Galería adaptable de guía de archivo

Completa una galería adaptable en el escenario de la guía de archivo: incluye contenido real, controles accionables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Página de estudio de caso de estudio en casa

Completa una página de estudio de caso para un estudio en casa: incluye contenido real, controles accionables, estados claros 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
0630Interfaces de panel y administración

Panel de uso de recursos del tablero de revisión de archivo

Completa el panel de uso de recursos en el contexto del tablero de revisión de archivo: con contenido real, controles interactivos, una 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
0631Procesos comerciales y de servicio

Seguimiento del progreso del pedido del paquete de cierre de atención

Completa el seguimiento del progreso de pedidos en un contexto de paquete de pago de cuidados: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioSeguimiento del progreso del pedidoHTMLCSSJavaScript
Abrir y ejecutar
0632Tipografía y efectos de texto

Ajuste de la medida de lectura para columna de especial de archivo

Completa el ajuste de longitud de línea de lectura en el escenario de la columna de archivo: incluye contenido real, controles operables, feedback de estado claro y un diseño adaptable a distintos tamaños.

Tipografía y efectos de textoAjuste del interlineadoHTMLCSS TypographyJavaScript
Abrir y ejecutar
0633Animación y microinteracciones

Animación de estado orbital de catálogo en bucle

Completa una animación de estado orbital en un escenario de ciclo de catálogo: incluye contenido realista, controles interactivos, estado claro y un diseño adaptable a distintos tamaños.

Animación y microinteraccionesAnimación de estado orbitalHTMLCSS AnimationJavaScript
Abrir y ejecutar
0634efectos visuales creativos

Patrón de caleidoscopio del jardín del lago de nubes

Completa un patrón de caleidoscopio en el escenario del jardín del lago de nubes: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

efectos visuales creativospatrón de caleidoscopioHTMLCanvasJavaScript
Abrir y ejecutar
0635Dibujo y visualización de datos

Gráficos del panel de previsión del aire

Completa la gráfica de panel en el escenario de pronóstico del aire: incluye contenido real, controles operables, retroalimentación clara de estado y maquetación adaptable a distintos tamaños.

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

panel de zona horaria e idioma del quiosco de audio

Completa un panel de zona horaria en un entorno de quiosco 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 zona horaria e idiomaHTMLCSSBrowser API
Abrir y ejecutar
0637Miniaplicaciones y minijuegos

Ajedrez de tres en raya para la caja asistente de archivo

Completa el tres en raya en el escenario de la caja de ayuda de archivo: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Miniaplicaciones y minijuegosta-te-tiHTMLCSSJavaScript
Abrir y ejecutar
0638Controles y selectores básicos

Control numérico de pasos para la terraza de descanso del invernadero

Completa un control numérico de incremento en un entorno de invernadero: incluye contenido real, controles interactivos, comentarios claros de estado y una disposición adaptable a distintos tamaños.

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

Grupo de campos dinámicos del área de revisión de exposiciones

En el escenario del puesto de revisión de exposiciones, complete un grupo de campos dinámicos: incluye contenido real, controles operables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Pestañas del espacio de trabajo del mapa de rutas de archivo

Completa las pestañas del espacio de trabajo en el contexto del mapa de rutas de archivo: incluye contenido real, controles accionables, estados claros y un diseño adaptable a distintos tamaños.

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

Cajón lateral de revisión de consulta externa

Completa un cajón lateral en el contexto del mostrador de revisión clínica: incluye contenido real, controles accionables, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

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

Notas en mosaico del panel de directorio de audio

Completa las notas en cascada en un contexto de panel de catálogo de audio: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

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

Control de visibilidad de columnas de la tabla de horarios ambulatorios

Completa el control de visibilidad de columnas en el contexto de una tabla de programación de consultas: incluye contenido real, controles interactivos, feedback claro 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
0644Diseño de página y responsive

Diseño de cuadrícula tipo bento para exhibición de archivo

En una escena de exposición de archivo, completa un diseño de cuadrícula tipo bento: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de cuadrícula tipo bentoHTMLCSS GridResponsive Design
Abrir y ejecutar
0645Escenarios de páginas de marketing y contenido

Página de comparación de productos independientes

Completa una página de comparación de productos para el contexto de un producto independiente: incluye contenido real, controles accionables, retroalimentación de estado clara y una disposición adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoPágina de comparación de productosHTML TableCSSJavaScript
Abrir y ejecutar
0646Interfaces de panel y administración

Panel de análisis de tendencias del servicio de archivo

Completa un panel de análisis de tendencias para el escenario de un servicio de archivos: incluye contenido real, controles interactivos, comentarios de estado claros y una disposición adaptable a distintas dimensiones.

Interfaces de panel y administraciónTrend Analysis DashboardHTMLCanvasJavaScript
Abrir y ejecutar
0647Controles y selectores básicos

Selección de tarjetas de opciones para panel de soluciones de invernadero

Completa una selección de tarjetas de opciones en un escenario de tablero de planificación de invernadero: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Controles y selectores básicosselección de tarjetas de planHTMLCSSJavaScript
Abrir y ejecutar
0648Formularios y entrada

Tabla de horarios de exposiciones y reservas por franjas

Completa un formulario de reserva de franjas horarias en un escenario de planificación de turnos para exposiciones: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

Formularios y entradaTabla de citas por franja horariaHTMLCSSJavaScript
Abrir y ejecutar