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 38 / 44
Se muestran actualmente 24 casos de ejemplo
0889Formularios y entrada

Grupo de campos dinámicos para emparejamiento con mentores

En el contexto de la compatibilidad entre mentor y aprendiz, completa un grupo de campos dinámicos: incluye contenido real, controles operativos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

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

Pestañas del área de trabajo de estantería de recursos de consulta externa

Completa las pestañas del área de trabajo en el escenario de la estantería de recursos de la consulta: incluye contenido real, controles operables, retroalimentación clara de estado y maquetación adaptable a distintos tamaños.

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

Panel lateral de acciones del mentor

Completa un cajón lateral en un escenario de hoja de acción para mentoría: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

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

Notas tipo acordeón de tarjetas de pistas de campo

En el contexto de una nota adhesiva en mosaico para indicaciones de campo, completa un flujo de notas: incluye contenido realista, controles accionables, un estado claro y un diseño adaptable a distintos tamaños.

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

Control de visibilidad de columnas para visitas de mascotas

Completa el control de visibilidad de columnas en el contexto de visitas de mascotas: incluye contenido real, controles accionables, retroalimentación clara de estado y una composición adaptable a distintos tamaños.

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

Diseño en cuadrícula tipo bento para folleto de clínica ambulatoria

Completa un diseño de cuadrícula tipo bento para un escenario de folleto de clínica ambulatoria: incluye contenido real, controles interactivos, estados claros y una disposición adaptada a distintos tamaños.

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

Página comparativa de productos de la serie de podcasts

Completa una página de comparación de productos en el escenario de una serie de pódcasts: 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 comparación de productosHTML TableCSSJavaScript
Abrir y ejecutar
0896Interfaces de panel y administración

Panel de análisis de tendencias de la sala de planificación del invernadero

Completa un panel de análisis de tendencias para el escenario de la sala de planificación del invernadero: incluye contenido real, controles operables, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

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

Selección de tarjetas de opción para el panel de planificación de la despensa

Completa la selección de tarjetas de plan en un contexto de panel de plan de despensa: contenido realista, controles accionables, estados claros y una distribución adaptable a distintos tamaños.

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

Formulario de reserva de turnos para adopción de mascotas

Tabla de horarios para adopción de mascotas

Formularios y entradaTabla de citas por franja horariaHTMLCSSJavaScript
Abrir y ejecutar
0899Navegación y menús

Navegación rápida inferior para mapa de rutas de la clínica

Completa la navegación rápida inferior en un escenario de mapa de ruta de consulta externa: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Navegación y menúsNavegación rápida inferiorHTMLCSSJavaScript
Abrir y ejecutar
0900Superposición y retroalimentación de estado

Tooltip de teclado de la sala de recordatorios del mentor

Completar herramientas de sugerencias de teclado en el escenario de la sala de alerta del mentor: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

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

Cola de prioridades de la ficha de campo

Completa una cola de prioridades en el escenario del tablero de nóminas del campo: 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 contenidoCola de prioridadHTMLCSS GridJavaScript
Abrir y ejecutar
0902Tablas y visualización de datos

Tabla comparativa de programación de podcasts

Crear una tabla comparativa de planes en el contexto de la programación de podcasts: incluye contenido real, controles interactivos, estado claro y diseño adaptable a distintos tamaños.

Tablas y visualización de datosTabla de comparación de propuestasHTML TableCSSJavaScript
Abrir y ejecutar
0903Diseño de página y responsive

Shell de panel de control de resumen de eventos

Completa la carcasa del panel en un contexto de repaso de eventos: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

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

Página de agenda de eventos de inscripción a podcast

Completa una página de agenda de evento para el contexto de la semana de inscripción al pódcast: 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 contenidoPágina de agenda de actividadesHTMLCSSJavaScript
Abrir y ejecutar
0905Interfaces de panel y administración

Flujo de actividad en tiempo real del panel de revisión del invernadero

Completa un flujo de actividad en tiempo real en el escenario del panel de revisión del invernadero: incluye contenido real, controles accionables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónFlujo de actividad en tiempo realHTMLCSSJavaScript
Abrir y ejecutar
0906Procesos comerciales y de servicio

Promocionador de ofertas de paquetes de la clínica

Completa un creador de combinaciones promocionales en el contexto de un kit de clínicas de empaquetado para consultas externas: incluye contenido realista, controles accionables, feedback de estado claro y un diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioCombinador de promocionesHTMLCSSJavaScript
Abrir y ejecutar
0907Tipografía y efectos de texto

Experimento de jerarquía de grosor tipográfico en la columna de clase

Completa un experimento de jerarquía de pesos tipográficos en un contexto de columna de aula: incluye contenido realista, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Tipografía y efectos de textoExperimento de jerarquía de grosor tipográficoHTMLCSS TypographyJavaScript
Abrir y ejecutar
0908Animación y microinteracciones

Retroalimentación de progreso circular en señal clínica

Feedback de progreso circular completado para el escenario de señal clínica ambulatoria: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Animación y microinteraccionesRetroalimentación de progreso circularHTMLCSS AnimationJavaScript
Abrir y ejecutar
0909efectos visuales creativos

Escenario con foco en la estación de observación de coral

En el escenario del observatorio coral, completa un escenario con foco: incluye contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

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

Mapa de calor matricial de la mesa de monitoreo público

Completa un mapa de calor en cuadrícula para monitoreo público: incluye contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosmapa de calor matricialHTMLCanvasJavaScript
Abrir y ejecutar
0911Capacidades de medios y dispositivos del navegador

Observador de media query para el mostrador de autoservicio de la clínica

Completa el observador de media queries en un escenario de mostrador de autoservicio de clínica: incluye contenido real, controles operables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Capacidades de medios y dispositivos del navegadorobservador de media queriesHTMLCSSBrowser API
Abrir y ejecutar
0912Miniaplicaciones y minijuegos

Calculadora de conversión de unidades para emparejamiento en clase

Completa el conversor de unidades en el escenario de emparejamiento de clase: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

Miniaplicaciones y minijuegosConversor de unidadesHTMLCSSJavaScript
Abrir y ejecutar