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

Tabla filtrable combinada de presupuesto del proyecto

Completa una tabla de filtrado combinado en el escenario de presupuesto de proyecto: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Diseño narrativo a doble columna para historias visuales

Completa el diseño narrativo en pantalla dividida en el contexto de una historia visual: incluye contenido real, controles accionables, estados claros y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño narrativo a dos columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0363Escenarios de páginas de marketing y contenido

Página de planes de precios del campamento de aprendizaje

Completa la página de planes de precios en el escenario del campamento de aprendizaje: incluye contenido real, controles interactivos, feedback de estado claro y diseño adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoPágina de plan de preciosHTMLCSSJavaScript
Abrir y ejecutar
0364Interfaces de panel y administración

Panel de análisis de tendencias de capacidad del estudio

Panel de análisis de tendencias completado en un escenario de capacidad del estudio: incluye contenido real, controles accionables, comentarios claros de estado y un diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónTrend Analysis DashboardHTMLCanvasJavaScript
Abrir y ejecutar
0365Procesos comerciales y de servicio

Workshop booking checkout step flow

En el escenario de reservas del taller, completa el flujo de pasos de pago: incluye contenido real, controles operables, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioFlujo de pasos de pagoHTMLCSSJavaScript
Abrir y ejecutar
0366Tipografía y efectos de texto

Experimento de jerarquía de pesos tipográficos para texto de exposición

Completa una experiencia de experimentación tipográfica en un escenario de explicación de la exposición: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

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

Transición de forma del botón del reproductor de música

En el contexto de un reproductor de música, completa la transición de forma del botón: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Animación y microinteraccionesTransición morfológica de botonesHTMLCSS AnimationJavaScript
Abrir y ejecutar
0368efectos visuales creativos

Formas fluidas orgánicas del campo aurora

Completa una forma orgánica de fluido en el escenario del campo aurora: incluye contenido real, controles accionables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

efectos visuales creativosForma fluida orgánicaHTMLCSS AnimationJavaScript
Abrir y ejecutar
0369Dibujo y visualización de datos

Gráfico de líneas de la tendencia de crecimiento del jardín

Completa un gráfico de líneas de tendencia para el escenario de crecimiento del jardín: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de líneas de tendenciaHTMLCanvasJavaScript
Abrir y ejecutar
0370Miniaplicaciones y minijuegos

Cuestionario rápido de conocimientos para ritual de equipo

Completa una pregunta rápida de cultura general para una dinámica de equipo: incluye contenido real, controles interactivos, feedback de estado claro y una maquetación adaptable a distintos tamaños.

Miniaplicaciones y minijuegoscuestionario rápidoHTMLCSSJavaScript
Abrir y ejecutar
0371Controles y selectores básicos

Regulador de rango para el plan de viaje

Completa un control de rango para el escenario de planificación de viaje: incluye contenido real, controles operables, retroalimentación clara de estado y maquetación adaptable a distintos tamaños.

Controles y selectores básicosajustador de rangoHTMLCSSJavaScript
Abrir y ejecutar
0372Formularios y entrada

Entrada de sugerencias locales para solicitudes de servicio

En un contexto de solicitud de servicio, completa la entrada de sugerencias locales: incluye contenido real, controles accionables, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Formularios y entradaEntrada de sugerencia localHTMLCSSJavaScript
Abrir y ejecutar
0373Navegación y menús

Pestañas del espacio de trabajo del proyecto

Completa las pestañas del espacio de proyecto: incluye contenido real, controles accionables, estados claros y una disposición adaptable a distintos tamaños.

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

Pila de mensajes emergentes de la biblioteca de fotos

Completar una pila de notificaciones en el contexto de una biblioteca de fotos: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoPila de notificacionesHTMLCSSJavaScript
Abrir y ejecutar
0375Tarjetas, listas y organización de contenido

Cronología de actividades locales

Completa una línea de tiempo de actividades en un escenario de eventos locales: incluye contenido real, controles interactivos, una clara respuesta de estado y un diseño adaptable a distintos tamaños.

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

Tabla de datos paginada del presupuesto del proyecto

Completa una tabla de datos paginada para el escenario de presupuesto de proyecto: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Tablas y visualización de datostabla de datos paginadaHTML TableCSSJavaScript
Abrir y ejecutar
0377Diseño de página y responsive

Maquetación clásica de tres columnas para relatos visuales

Completa un diseño clásico de tres columnas en el escenario de una historia visual: 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 clásico de tres columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0378Escenarios de páginas de marketing y contenido

Zona de conversión de preguntas y respuestas del campamento de aprendizaje

Completa la sección de conversión de preguntas y respuestas en un campamento de aprendizaje: incluye contenido real, controles operables, estado claro 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
0379Interfaces de panel y administración

Flujo de actividades en tiempo real de la capacidad del estudio

Completa un flujo de actividad en tiempo real para el escenario de capacidad del estudio: incluye contenido real, controles accionables, feedback de estado claro y diseño adaptable a distintos tamaños.

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

Combinador de promociones para reservas de talleres

Completa el creador de promociones en un contexto de reserva de taller: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

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

tipografía de títulos fluidos para descripciones de exposiciones

En escenarios de explicación de exposiciones, completa una tipografía de titular fluida: incluye contenido real, controles interactivos, feedback de estado claro y diseño adaptable a distintas dimensiones.

Tipografía y efectos de textotipografía de título fluidoHTMLCSS TypographyJavaScript
Abrir y ejecutar
0382Animación y microinteracciones

Retroalimentación de progreso circular del reproductor de música

En un reproductor de música, completa una retroalimentación de progreso circular: incluye contenido real, controles interactivos, estados claros y una disposición adaptable a distintos tamaños.

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

Experimento de rejilla degradada del campo de auroras

Experimento de malla degradada en un escenario de aurora: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

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

Gráfico de rosquilla del crecimiento del jardín

Completa un gráfico de anillo de proporciones en un escenario de crecimiento del jardín: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptado a diferentes tamaños.

Dibujo y visualización de datosGráfico de anilloHTMLCanvasJavaScript
Abrir y ejecutar