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 34 / 44
Se muestran actualmente 24 casos de ejemplo
0793Tablas y visualización de datos

tabla combinada de filtrado de uso de las exposiciones

Completa una tabla de filtrado combinado para el escenario de la tabla de uso de las piezas de exhibición: con contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

Tablas y visualización de datostabla de filtrado combinadoHTML TableCSSJavaScript
Abrir y ejecutar
0794Diseño de página y responsive

Retícula editorial para revista de briefing de clase

Completa una cuadrícula editorial de revista en un briefing de clase: contenido real, controles accionables, feedback de estado claro y diseño adaptable a distintos tamaños.

Diseño de página y responsiveCuadrícula editorial de revistaHTMLCSS GridResponsive Design
Abrir y ejecutar
0795Escenarios de páginas de marketing y contenido

Zona de conversión de preguntas frecuentes de la Semana de las mascotas

Completa el área de conversión de preguntas y respuestas en un entorno de la Semana de las Mascotas: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoZona de conversión de preguntas y respuestasHTMLCSSJavaScript
Abrir y ejecutar
0796Interfaces de panel y administración

Panel de calor del calendario de servicios comunitarios

Completa un panel de calor del calendario para servicios comunitarios: contenido real, controles accionables, estados claros y diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónPanel de calor del calendarioHTMLCanvasJavaScript
Abrir y ejecutar
0797Controles y selectores básicos

Escala de valoración del estante de tareas del ático

Completa una escala de valoración en el escenario del estante de tareas del ático: incluye contenido real, controles interactivos, comentarios claros de estado y un diseño adaptable a distintos tamaños.

Controles y selectores básicosescala de valoraciónHTMLCSSJavaScript
Abrir y ejecutar
0798Formularios y entrada

Formulario de presupuesto para planificación de turnos de alojamiento

Configura el presupuesto en el escenario de la hoja de horario de alojamiento: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

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

Panel de comandos de servicios urbanos

Completa una paleta de comandos en un escenario de servicios urbanos: incluye contenido real, controles accionables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Banner de estado de la inspección del invernadero

Completa un banner de estado en un escenario de inspección de invernadero: contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a varios tamaños.

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

Lista de contenido plegable de recortes de cursos

Completa la lista de contenido plegable en el escenario de clips del curso: incluye contenido real, controles interactivos, feedback de estado claro y diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoLista de contenido plegableHTMLCSSJavaScript
Abrir y ejecutar
0802Tablas y visualización de datos

Tabla de edición en línea para el presupuesto del festival

En el escenario del presupuesto de festivales, completa una tabla con edición en línea: incluye contenido real, controles operables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

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

Diseño a sangre completa para manual de clase

Completa una composición a ancho completo en el contexto de una guía de clase: incluye contenido real, controles accionables, retroalimentación clara de estado y una composición adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de ancho completo intercaladoHTMLCSS GridResponsive Design
Abrir y ejecutar
0804Escenarios de páginas de marketing y contenido

Página de presentación del podcast

Completa una página de recorrido de funciones en un contexto de resumen de podcast: incluye contenido real, controles interactivos, retroalimentación de estado clara y una disposición adaptable a distintos tamaños.

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

Panel de retención por cohortes de la red de reparto

Completa un panel de retención segmentada para escenarios de red de entrega: incluye contenido real, controles accionables, estados claros y diseño adaptable a distintos tamaños.

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

Selección de plan de suscripción con pase de visitas asistenciales

Completa la selección del plan de suscripción en un escenario de pase de visita 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 servicioSelección de plan de suscripciónHTMLCSSJavaScript
Abrir y ejecutar
0807Tipografía y efectos de texto

Diseño en cuadrícula de poemas para notas de cuidado

Completa una composición tipográfica en cuadrícula de poemas en el escenario de notas de atención: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Tipografía y efectos de textoMaquetación de cuadrícula poéticaHTMLCSS GridResponsive Design
Abrir y ejecutar
0808Animación y microinteracciones

Cargador de varias etapas para recordatorio de la clínica ambulatoria

Completa un cargador de varias fases en un contexto de recordatorio de consulta ambulatoria: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Animación y microinteraccionescargador de varias etapasHTMLCSS AnimationJavaScript
Abrir y ejecutar
0809efectos visuales creativos

Experimento de malla degradada del muelle Coral

Completa un experimento de malla degradada en un escenario de muelle coralino: incluye contenido real, controles accionables, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

efectos visuales creativosExperimento de malla degradadaHTMLCanvasJavaScript
Abrir y ejecutar
0810Dibujo y visualización de datos

Generador de formas de onda para briefing público

Completa el generador de formas de onda en un escenario de briefing público: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosDibujador de formas de ondaHTMLCanvasJavaScript
Abrir y ejecutar
0811Capacidades de medios y dispositivos del navegador

Detección del esquema de color del sistema para pantalla pública

Completa la detección del esquema de color del sistema en un escenario de pantalla pública: incluye contenido real, controles accionables, feedback de estado claro y un diseño adaptable a distintos tamaños.

Capacidades de medios y dispositivos del navegadorDetección del esquema de color del sistemaHTMLCSSBrowser API
Abrir y ejecutar
0812Miniaplicaciones y minijuegos

Cuestionario público con temporizador Pomodoro

En el escenario de preguntas y respuestas públicas, completa el reloj Pomodoro: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Miniaplicaciones y minijuegosReloj PomodoroHTMLCSSJavaScript
Abrir y ejecutar
0813Controles y selectores básicos

Selector segmentado del laboratorio creativo

Complete un control segmentado en el escenario del Creative Lab: incluya contenido real, controles interactivos, retroalimentación clara de estado y diseños adaptables entre tamaños.

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

Formulario de apoyo para la vivienda con cuestionario condicional

Completa el cuestionario condicional en el escenario de la hoja de apoyo para residentes: incluye contenido real, controles operables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

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

Menú mega de secciones del portal de clases

En el escenario del portal del curso, completa un mega menú por grupos: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

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

Diálogo de confirmación de revisión de subvenciones

Completa el diálogo de confirmación en un escenario de revisión de ayudas: incluye contenido realista, controles accionables, una respuesta de estado clara 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