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 37 / 44
Se muestran actualmente 24 casos de ejemplo
0865Navegación y menús

Navegación por secciones del tablón de anuncios de la clínica

En el escenario del tablón de anuncios de consultas externas, completa una navegación por secciones: incluye contenido real, controles operables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Navegación y menúsnavegación por seccionesHTMLCSSJavaScript
Abrir y ejecutar
0866Superposición y retroalimentación de estado

Centro de notificaciones de operaciones de reuniones

Completa el centro de notificaciones en un entorno de operaciones de reuniones: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoCentro de notificacionesHTMLCSSJavaScript
Abrir y ejecutar
0867Tarjetas, listas y organización de contenido

Panel de tarjetas filtrables de notas de campo

En el escenario de notas de campo, completa una pared de tarjetas filtrables: incluye contenido real, controles operables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoMuro de tarjetas filtrablesHTMLCSSJavaScript
Abrir y ejecutar
0868Tablas y visualización de datos

Tarjeta para móvil del plan de comidas

Completa una tabla móvil de tarjetas para escenarios de planificación de comidas: incluye contenido real, controles accionables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Tablas y visualización de datosTabla de tarjetas para móvilesHTML TableCSSJavaScript
Abrir y ejecutar
0869Diseño de página y responsive

Diseño de barra lateral fija para cuaderno de clase

Completa un diseño de barra lateral fija en un escenario de cuaderno de clase: 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 barra lateral fijaHTMLCSS GridResponsive Design
Abrir y ejecutar
0870Escenarios de páginas de marketing y contenido

Muro de historias de reseñas del adelanto del podcast

En un escenario de vista previa nocturna de pódcast, completar el muro de testimonios: incluye contenido real, controles accionables, comentarios claros de 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
0871Interfaces de panel y administración

Panel de flujo de línea de incidencias en invernadero

Completa un panel de cadena de procesos para un entorno de intervención en invernadero: contenido real, controles interactivos, feedback de estado claro y diseño adaptable a distintos tamaños.

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

Grupo de etiquetas de filtro del expositor de la estantería de la despensa

Completa el grupo de chips de filtro en el escenario de estantería de exhibición de la cocina: incluye contenido real, controles operables, retroalimentación de estado clara y diseño adaptable a diferentes tamaños.

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

Retroalimentación de fortaleza de contraseña para solicitud de comida

En el escenario de solicitud de menú completo, completa la retroalimentación sobre la fortaleza de la contraseña: incluye contenido real, controles accionables, estados claros y un diseño adaptable a distintos tamaños.

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

Árbol de navegación de índice rápido de la clínica

Completar la navegación en árbol en un contexto de índice rápido de consultas ambulatorias: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

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

Máscara de progreso del centro de membresía

Crea una superposición de progreso para el contexto del centro de miembros: incluye contenido real, controles utilizables, 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
0876Tarjetas, listas y organización de contenido

Tablero de tareas del muro de planificación de campo

Completa el tablero kanban en un contexto de muro del plan de campo: incluye contenido real, controles interactivos, 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
0877Tablas y visualización de datos

Tabla de selección múltiple de horas de mentoría

Completa una tabla de selección múltiple en el contexto de horas de mentoría: incluye contenido realista, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

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

Galería adaptable de la página de repaso de clase

Completa una galería responsiva en el contexto de una página de repaso de clase: incluye contenido real, controles utilizables, 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
0879Escenarios de páginas de marketing y contenido

Página de estudio de caso del catálogo de proyectos de podcast

Completa una página de estudio de caso en el contexto de un dossier de proyecto de podcast: incluye contenido real, controles accionables, una retroalimentación clara del estado 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
0880Interfaces de panel y administración

Panel de recursos de operación del invernadero

Completa un panel de uso de recursos en un escenario de operaciones de invernadero: 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 uso de recursosHTMLCSS GridJavaScript
Abrir y ejecutar
0881Procesos comerciales y de servicio

Seguimiento del progreso del pedido de alta ambulatoria

Seguimiento del progreso del pedido en el escenario de bolsa de pago de la clínica: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

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

Escala tipográfica responsiva para letrero de aula

Completa una escala tipográfica responsive en un entorno de etiquetas de clase: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Tipografía y efectos de textoEscala tipográfica adaptableHTMLCSS TypographyJavaScript
Abrir y ejecutar
0883Animación y microinteracciones

Animación de estado orbital de pulso ambulatorio

Completa una animación de estado orbital en el escenario de pulso de consulta externa: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

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

Campo de partículas interactivo del Puerto Coral

Completa un campo de partículas interactivo en un escenario de puerto coralino: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

efectos visuales creativosCampo de partículas interactivoHTMLCanvasJavaScript
Abrir y ejecutar
0885Dibujo y visualización de datos

Gráficos de panel del libro mayor público

Completa el gráfico del panel en un escenario de registro público: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Panel de idioma y zona horaria de la pantalla secundaria de clínica

Completa un panel de idioma y zona horaria en el escenario de la consola secundaria de la consulta: incluye contenido real, controles accionables, estados claros y una maquetación adaptable a distintos tamaños.

Capacidades de medios y dispositivos del navegadorPanel de zona horaria e idiomaHTMLCSSBrowser API
Abrir y ejecutar
0887Miniaplicaciones y minijuegos

Caja de ayuda para el aula Tres en raya

Completa un juego de tres en raya en un escenario de caja de apoyo para clase: incluye contenido real, controles utilizables, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

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

Stepper numérico de la mesa de descanso del armario

Completa un stepper numérico en un escenario de mostrador de despensa y sala de descanso: incluye contenido real, controles operables, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Controles y selectores básicosControl numéricoHTMLCSSJavaScript
Abrir y ejecutar