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 29 de 44
Se muestran actualmente 24 casos de ejemplo
0673Formularios y entrada

Formulario de asignación de presupuesto para acreditación de eventos

Completa la configuración del presupuesto en un escenario de hoja de ingreso para eventos: incluye contenido realista, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Panel de comandos de la sala de despacho del campus

Completa el panel de comandos en un escenario de despacho del campus: incluye contenido realista, controles accionables, feedback de estado claro y un diseño adaptado a distintos tamaños de pantalla.

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

Banner de estado dinámico de entregas

Completa una franja de estado en escenarios de seguimiento de entregas: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

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

Lista de contenido plegable del archivador de recortes de consulta externa

En el escenario de la caja de recortes de clínica, completa la lista de contenido plegable: incluye contenido real, controles accionables, 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
0677Tablas y visualización de datos

Tabla de edición en línea de registros de consumo energético

En el escenario de registros de consumo energético, completa una tabla de edición en línea: incluye contenido real, controles accionables, comentarios de estado claros y diseño adaptable a varios tamaños.

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

Diseño a ancho completo e intercalado del atlas de cuidados

Completa un diseño de ancho completo con intercalados en el escenario de Atlas de cuidados: incluye contenido real, controles interactivos, feedback de estado claro 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
0679Escenarios de páginas de marketing y contenido

Página de presentación de la semana de lanzamiento y creación

Completa una página de recorrido de funciones para el escenario de la semana de lanzamiento creativo: con contenido realista, controles interactivos, estado claro y diseño adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoPágina de guía de funcionesHTMLCSSJavaScript
Abrir y ejecutar
0680Interfaces de panel y administración

Panel de retención por grupos para gestión de cursos

En escenarios de administración de cursos, completa un panel de retención por cohortes: incluye contenido real, controles accionables, comentarios de estado claros y diseño adaptable a distintos tamaños.

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

Configurador de presupuesto de preparativos de cuidados

Completa el configurador de presupuestos para el escenario de lista de preparativos de cuidados: incluye contenido real, controles accionables, estados claros y un diseño adaptable a distintos tamaños.

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

Diseño de inicial capitular para cuaderno de archivo

Logra una composición tipográfica con capitular en un contexto de cuaderno de archivo: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Animación de revelado de contenido de catálogo-signal

Completa una animación de revelado de contenido en el escenario del señalizador del catálogo: incluye contenido real, controles accionables, comentarios claros de estado y diseño adaptable a distintos tamaños.

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

Efecto de travesía estelar del puerto de nubes y lago

Completa un efecto de navegación estelar en un escenario de puerto del lago de nubes: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

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

Gráfico de líneas de tendencia de la estación de monitoreo del aire

Completa una gráfica de líneas de tendencia para un escenario de monitorización del aire: con contenido realista, controles interactivos, estado claro y diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de líneas de tendenciaHTMLCanvasJavaScript
Abrir y ejecutar
0686Capacidades de medios y dispositivos del navegador

Indicador de estado de conexión de la consola de audio remota

Completa la indicación del estado de conexión en un escenario de control remoto de audio: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Calculadora portátil del planificador de archivos

En el contexto de un tablero de planificación de archivos, completa una calculadora portátil: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Miniaplicaciones y minijuegosCalculadora portátilHTMLCSSJavaScript
Abrir y ejecutar
0688Controles y selectores básicos

Selector por segmentos de suite de habitación

Completa el selector segmentado en un escenario de suite de huéspedes: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Controles y selectores básicosselector segmentadoHTMLCSSJavaScript
Abrir y ejecutar
0689Formularios y entrada

Cuestionario condicional para inscripción a una exposición

Completa un cuestionario condicional en el contexto de la inscripción a una exposición: incluye contenido real, controles operables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Formularios y entradaCuestionario condicionalHTMLCSSJavaScript
Abrir y ejecutar
0690Navegación y menús

Menú desplegable agrupado del muro de guía del campus

Completa un mega menú por grupos para el escenario del muro de orientación del campus: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Navegación y menúsmenú grande agrupadoHTMLCSSJavaScript
Abrir y ejecutar
0691Superposición y retroalimentación de estado

Cuadro de diálogo de confirmación de acciones de la galería

Completa el cuadro de diálogo de confirmación para el escenario de la orden de la galería: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoCuadro de diálogo de confirmaciónHTMLCSSJavaScript
Abrir y ejecutar
0692Tarjetas, listas y organización de contenido

Cronología de actividades del libro de entregas de la consulta

Completa la cronología de actividades en el escenario del libro de entrega de la consulta externa: incluye contenido real, controles interactivos, una respuesta de estado clara y un diseño adaptable a diferentes tamaños.

Tarjetas, listas y organización de contenidoCronología de actividadesHTMLCSSJavaScript
Abrir y ejecutar
0693Tablas y visualización de datos

Matriz de revisión de la ficha de la exposición

Complete la tabla de matriz de relaciones en el escenario de revisión de exhibiciones: incluye contenido real, controles interactivos, estados claros y una maquetación adaptable a distintos tamaños.

Tablas y visualización de datosTabla de matriz de relacionesHTML TableCSSJavaScript
Abrir y ejecutar
0694Diseño de página y responsive

Diseño clásico de tres columnas para informes de cuidados

Completa un diseño clásico de tres columnas en un escenario de briefing de cuidados: incluye contenido real, controles interactivos, una clara retroalimentación de estado y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño clásico de tres columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0695Escenarios de páginas de marketing y contenido

Narrativa de portada para la membresía creativa de temporada

Completa una portada narrativa en un contexto de temporada para miembros de la creación: incluye contenido real, controles accionables, retroalimentación clara del estado y diseño adaptado a distintos tamaños.

Escenarios de páginas de marketing y contenidoHero narrativoHTMLCSSJavaScript
Abrir y ejecutar
0696Interfaces de panel y administración

Panel central de operaciones académicas

Completa el panel de mando operativo en escenarios de centro de control de cursos: incluye contenido real, controles operables, una retroalimentació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