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 15 / 44
Se muestran actualmente 24 casos de ejemplo
0337efectos visuales creativos

Efecto de estela del cursor del jardín nocturno

Completa un efecto de estela del puntero en un jardín nocturno: incluye contenido real, controles accionables, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

efectos visuales creativosEfecto de estela del punteroHTMLCanvasJavaScript
Abrir y ejecutar
0338Dibujo y visualización de datos

Generador de formas de onda del progreso de aprendizaje

Completa un gráfico de forma de onda para un escenario de progreso de aprendizaje: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a varios tamaños.

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

Panel de zona horaria e idioma del espacio de demostración

En el escenario de una sala de presentación, completa el panel de idioma y zona horaria: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Selector aleatorio para el recreo

Completa un selector aleatorio en un contexto de descanso entre clases: incluye contenido real, controles operables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Miniaplicaciones y minijuegosSelector aleatorioHTMLCSSJavaScript
Abrir y ejecutar
0341Controles y selectores básicos

Selector segmentado para plan de viaje

Completa un selector segmentado para un escenario de planificación de viaje: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

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

Formulario de validación en tiempo real para solicitudes de servicio

Completa un formulario de validación en tiempo real en el contexto de una solicitud de servicio: con contenido real, controles utilizables, retroalimentación clara de estado y maquetación adaptable a varios tamaños.

Formularios y entradaFormulario de validación en tiempo realHTMLCSSJavaScript
Abrir y ejecutar
0343Navegación y menús

Menú principal adaptable del espacio del proyecto

Completa un menú principal adaptable para el escenario del espacio de proyecto: incluye contenido real, controles accionables, feedback claro de estado y un diseño que se adapta a distintos tamaños.

Navegación y menúsMenú principal adaptableHTMLCSSJavaScript
Abrir y ejecutar
0344Superposición y retroalimentación de estado

Cuadro de diálogo de confirmación de la biblioteca de fotos

Completa un cuadro de diálogo de confirmación en un escenario de biblioteca de fotos: incluye contenido real, controles operables, retroalimentación clara del estado y una disposición adaptable a distintos tamaños.

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

Pared de tarjetas filtrable de actividades locales

Completa una pared de tarjetas filtrables en un escenario de actividades locales: incluye contenido real, controles accionables, feedback de estado claro y diseño adaptable a distintos tamaños.

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

Tabla de varias columnas ordenada de presupuesto del proyecto

Completa una tabla ordenable de varias columnas para un escenario de presupuesto de proyecto: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

Tablas y visualización de datosTabla de ordenación por múltiples columnasHTML TableCSSJavaScript
Abrir y ejecutar
0347Diseño de página y responsive

Diseño de cuadrícula bento para historia visual

Completa un diseño de cuadrícula tipo bento en una escena de narrativa visual: incluye contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de cuadrícula tipo bentoHTMLCSS GridResponsive Design
Abrir y ejecutar
0348Escenarios de páginas de marketing y contenido

Cabecera narrativa de campamento de aprendizaje

Completa una portada narrativa en un escenario de campamento de aprendizaje: con contenido real, controles operables, estado claro y diseño adaptable a distintos tamaños.

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

Resumen de indicadores clave de capacidad del estudio

Completa una vista general de indicadores clave en un contexto de capacidad de estudio: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable entre tamaños.

Interfaces de panel y administraciónResumen de métricas claveHTMLCSS GridJavaScript
Abrir y ejecutar
0350Procesos comerciales y de servicio

Calculadora de carrito de reserva de taller

En la escena de reserva de un taller, realiza una calculadora de carrito: incluye contenido real, controles operables, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioCalculadora de carrito de comprasHTMLCSSJavaScript
Abrir y ejecutar
0351Tipografía y efectos de texto

Escala tipográfica responsive para notas de exposición

Completar una escala tipográfica adaptable en un contexto de explicación de exposición: 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
0352Animación y microinteracciones

cargador multietapa del reproductor de música

Completa un cargador de varias etapas para un escenario de reproductor de música: incluye contenido realista, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

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

Campo de partículas interactivo de aurora

Completa una escena interactiva de partículas en un campo de auroras: incluye contenido real, controles utilizables, retroalimentación de estado clara y una disposición adaptable a distintos tamaños.

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

Gráfico de barras interactivo del crecimiento del jardín

Completa un gráfico de barras interactivo en un escenario de crecimiento de jardín: incluye contenido real, controles accionables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de barras interactivoHTMLCanvasJavaScript
Abrir y ejecutar
0355Miniaplicaciones y minijuegos

Calculadora portátil para rituales de equipo

Completa una calculadora portátil en el contexto de rituales de equipo: incluye contenido realista, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

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

Matriz de interruptores de preferencias del plan de viaje

Completa una matriz de interruptores de preferencias para un contexto de plan de viaje: con contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a diferentes tamaños.

Controles y selectores básicosMatriz de interruptores de preferenciasHTMLCSSJavaScript
Abrir y ejecutar
0357Formularios y entrada

Proceso de solicitud de servicio en varios pasos

Completa un flujo de formulario por pasos en un escenario de solicitud de servicio: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

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

Navegación de migas de pan del espacio del proyecto

Completa una navegación de migas de pan en un contexto de espacio de proyecto: incluye contenido real, controles operativos, un feedback de estado claro y un diseño adaptable a distintos tamaños.

Navegación y menúsmigas de panHTMLCSSJavaScript
Abrir y ejecutar
0359Superposición y retroalimentación de estado

Cajón lateral de biblioteca de fotos

Completa el cajón lateral en un escenario de biblioteca de fotos: incluye contenido real, controles interactivos, una respuesta de estado clara y un diseño adaptable a diferentes tamaños.

Superposición y retroalimentación de estadoCajón lateralHTMLCSSJavaScript
Abrir y ejecutar
0360Tarjetas, listas y organización de contenido

Tablero de tareas de actividades locales

Completa un tablero kanban en un escenario de actividades locales: incluye contenido realista, controles operables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoTablero de tareasHTMLCSS GridJavaScript
Abrir y ejecutar