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 42 / 44
Se muestran actualmente 24 casos de ejemplo
0985Dibujo y visualización de datos

Radar de capacidades del gráfico de señales públicas

Completa un gráfico de radar de capacidades en un escenario de mapa de señales públicas: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosRadar de capacidadesHTMLCanvasJavaScript
Abrir y ejecutar
0986Capacidades de medios y dispositivos del navegador

Prueba de capacidad del cursor en el puesto de sensado clínico ambulatorio

Completa una detección de capacidades del puntero en un escenario de asiento de sensores de consulta externa: incluye contenido real, controles interactivos, estados claros y diseño adaptable a distintos tamaños.

Capacidades de medios y dispositivos del navegadorDetección de capacidad del punteroHTMLCSSBrowser API
Abrir y ejecutar
0987Miniaplicaciones y minijuegos

Temporizador de concentración con recompensa de clase

Completa el temporizador de concentración en un contexto de recompensa en clase: incluye contenido real, controles accionables, estado claro y un diseño adaptable a distintos tamaños.

Miniaplicaciones y minijuegostemporizador de concentraciónHTMLCSSJavaScript
Abrir y ejecutar
0988Controles y selectores básicos

Control de rango dual para consola de espectáculos

Completa el control de rango de dos valores en un escenario de consola de espectáculos: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Controles y selectores básicosControl de rango de dos valoresHTMLCSSJavaScript
Abrir y ejecutar
0989Formularios y entrada

Flujo de formulario por pasos para el horario de turnos

Completa un flujo de entrada paso a paso en un contexto de hoja de planificación de turnos: incluye contenido real, controles interactivos, una clara retroalimentación de estado y un diseño adaptable a distintos tamaños.

Formularios y entradaProceso de rellenado por pasosHTMLCSSJavaScript
Abrir y ejecutar
0990Navegación y menús

Navegación por secciones del foro de makers

Navegación de anclaje por secciones en un contexto de foro de creadores: incluye contenido real, controles interactivos, estados claros y diseño adaptable a distintos tamaños.

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

Centro de notificaciones de la ventana de actualización del mentor

Completa un centro de notificaciones en el contexto de una ventana de actualización del mentor: incluye contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a diferentes tamaños.

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

Muro de tarjetas filtrables de colección de recetas

Completa una pared de tarjetas filtrables para un escenario de colección de recetas: contenido real, controles accionables, retroalimentación clara del estado y diseño adaptable a distintos tamaños.

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

Tabla de tarjetas móvil para liquidación de estudio

Completa una tabla en tarjetas para móviles en un escenario de liquidación de estudio: con contenido real, controles operables, estado claro y diseño adaptable a distintos tamaños.

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

Diseño de barra lateral fija del Diario del Invernadero

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

Muro de testimonios de la noche de presentación previa del estudio

Completa el muro de historias de testimonios en la escena de vista previa del estudio: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a varios tamaños.

Escenarios de páginas de marketing y contenidoMuro de historias y testimoniosHTMLCSSJavaScript
Abrir y ejecutar
0996Interfaces de panel y administración

Panel de canalización del despacho de vivienda

Completa un panel de proceso en un escenario de despacho residencial: incluye contenido real, controles interactivos, comentarios claros de estado y diseño adaptable a distintos tamaños.

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

Grupo de etiquetas de filtro de la pantalla de demostración del espectáculo

Completa un grupo de etiquetas de filtro en el escenario de la pantalla de demostración de una actuación: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Retroalimentación de la fortaleza de la contraseña del formulario de apoyo por turnos

Completa en el escenario de apoyo de turno los comentarios sobre la fortaleza de la contraseña: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

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

Navegación en árbol de la sala de medios

Completa una navegación en árbol en el contexto de una sala de medios: 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
1000Superposición y retroalimentación de estado

Bloqueo de progreso de la orden de aprobación

Completa el bloqueo de progreso en el escenario de la orden de aprobación: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a varios tamaños.

Superposición y retroalimentación de estadoMáscara de progresoHTMLCSSJavaScript
Abrir y ejecutar
1001Tarjetas, listas y organización de contenido

Tablero de tareas de extractos de investigación

Completa un tablero Kanban en el contexto de fragmentos de investigación: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

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

Tabla de selección múltiple de la lista del estudio

Completa una tabla de selección múltiple en el contexto de la lista de personal del estudio: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

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

Galería adaptable del especial de jardín

Consigue una galería adaptable en un escenario de número especial de jardín: incluye contenido real, controles interactivos, estados claros y diseño adaptable a distintos tamaños.

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

Página de estudio de caso del cuaderno de proyectos del estudio

Completa una página de estudio de caso para el escenario de manual del proyecto del estudio: incluye contenido real, controles accionables, retroalimentación de estado clara 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
1005Interfaces de panel y administración

Panel de recursos y consumo para intervención de incidencias de vivienda

Completa un panel de consumo de recursos en el escenario de gestión de incidencias de vivienda: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónPanel de uso de recursosHTMLCSS GridJavaScript
Abrir y ejecutar
1006Procesos comerciales y de servicio

Selector de asientos para la línea de servicios ambulatorios

Completa un selector de asientos en el contexto de una línea de servicio clínica: incluye contenido real, controles interactivos, feedback claro de estado y un diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioselector de asientosHTMLCSSJavaScript
Abrir y ejecutar
1007Tipografía y efectos de texto

Texto de ritmo de lector de curso

En el escenario del manual del curso, completa el texto en movimiento tipo marquesina: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

Tipografía y efectos de textotexto en movimientoHTMLCSS AnimationJavaScript
Abrir y ejecutar
1008Animación y microinteracciones

Entrada escalonada de la lista de activadores de consulta externa

Completa la entrada escalonada de una lista en un escenario de desencadenante ambulatorio: incluye contenido real, controles interactivos, indicaciones de estado claras y un diseño adaptable a distintos tamaños.

Animación y microinteraccionesEntrada escalonada de la listaHTMLCSS AnimationJavaScript
Abrir y ejecutar