Danilo Alessandro Vinciprova

Danilo Alessandro Vinciprova

AI-Assisted Web Developer · React · Next.js · Claude Code

Aprendí a pensar en construir como en piezas que tienen que encajar entre sí.

Proyecto 01 / 06 · sitio web

Signal Ads Lab

Sitio web de Signal Ads Lab, mi servicio de anuncios cortos en vídeo. El sitio está en línea en signaladslab.com.

En líneaSitio web de un servicio de anuncios cortos en vídeo

Resumen

Capturas de pantalla

Nivel de prueba: Prueba existente

Signal Ads Lab: captura de la página de inicio, escritorio (1440 px).
Signal Ads Lab: captura de la página de inicio, móvil (375 px).
Escritorio 1440 × 900 y móvil 375 × 812, capturados el 3 de octubre de 2026 desde el sitio en línea.
Ver la prueba
  1. Afirmación

    Sitio web de Signal Ads Lab, mi servicio de anuncios cortos en vídeo. El sitio está en línea en signaladslab.com.

    Declarado por Danilo

  2. Pruebas

  3. Resultado

    El sitio está en línea (comprobado el 03/10/2026), con capturas reales tomadas de sus archivos fuente el 29/09/2026. Esto demuestra que el sitio existe y funciona; que lo construyera Danilo es una declaración suya. Los vídeos del portfolio que contiene son trabajos conceptuales, no trabajos para clientes.

En esta página

  1. 02 Responsive: el sitio en línea capturado a 1440, 768 y 375 px
  2. 03 Medido: Lighthouse y axe, ejecutados en el sitio en línea
  3. 04 Código: la aparición al hacer scroll, del código fuente del sitio
  4. 05 En línea: el propio sitio

Responsive

La misma página en tres anchos, dibujada a la misma escala: cada marco es una captura de la página, y la regla de encima es el ancho de su ventana.

Nivel de prueba: Prueba existente

Signal Ads Lab a 1440 px de ancho: captura de la página.
1440 px · Capturas de signaladslab.com (escritorio y móvil) · comprobado el 3 de octubre de 2026
Signal Ads Lab a 768 px de ancho: captura de la página.
768 px · Captura de signaladslab.com en ancho de tableta (768 px) · comprobado el 3 de octubre de 2026
Signal Ads Lab a 375 px de ancho: captura de la página.
375 px · Capturas de signaladslab.com (escritorio y móvil) · comprobado el 3 de octubre de 2026

Medido

Ejecutado en el sitio en línea el 5 de octubre de 2026, no en una copia. Una ejecución de cada herramienta; se enlaza un resumen de cada una (los informes completos citan direcciones del sitio que quedan fuera de este CV).

Lighthouse (móvil)

Nivel de prueba: Prueba existente

  • 68Rendimiento
  • 100Accesibilidad
  • 96Prácticas recomendadas
  • 92SEO
First Contentful Paint
2,6 s
Largest Contentful Paint
4,1 s
Total Blocking Time
411 ms
Cumulative Layout Shift
0,026
Speed Index
6,1 s

Lighthouse 13.5.0 ejecutado en el sitio en línea el 05/10/2026, después de las correcciones de velocidad y accesibilidad que Danilo hizo ese mismo día (vídeos más ligeros, el cubo 3D cargado después y una imagen fija en los móviles, etiquetas del formulario, contraste): formato móvil, limitación simulada (la configuración predeterminada). Primera de dos ejecuciones; la segunda dio Performance 63. Solo se publica un resumen del informe, porque el informe completo cita la dirección de un formulario del sitio que queda fuera de este CV.

Abrir el resumen de Lighthouse (JSON)

análisis de accesibilidad con axe

Nivel de prueba: Prueba existente

infracciones de axe por impacto, y reglas superadas
ImpactoReglas
Críticas0
Graves1
Moderadas1
Leves0
Reglas superadas43

axe-core 4.13.0 (@axe-core/playwright, Chromium) en el sitio en línea el 05/10/2026, con la página recién cargada, después de las correcciones de ese mismo día. A 375 px: ninguna crítica ni grave, 1 moderada (region); 44 reglas superadas. A 1440 px: 1 grave (color-contrast, 1 elemento), 1 moderada (region); 43 reglas superadas. El 03/10/2026 ambos anchos tenían 2 críticas (label, select-name) y 2 graves. Solo se publica un resumen de los resultados, porque los resultados completos citan los enlaces de pago del sitio.

Abrir los resumen de axe (JSON)

Código

Las secciones aparecen con un fundido al entrar en pantalla: el CSS fija el estado inicial oculto y cuatro retardos cortos; un IntersectionObserver añade la clase visible una vez por elemento, y pone en marcha los números con recuento animado que haya dentro.

index.html líneas 202–208

Raw: texto de index.html, líneas 202–208
    /* ── SCROLL REVEAL ── */
    .reveal { opacity: 0; transform: translateY(22px); transition: opacity .65s ease, transform .65s ease; }
    .reveal.visible { opacity: 1; transform: translateY(0); }
    .reveal[data-delay="1"] { transition-delay: .06s; }
    .reveal[data-delay="2"] { transition-delay: .14s; }
    .reveal[data-delay="3"] { transition-delay: .22s; }
    .reveal[data-delay="4"] { transition-delay: .30s; }

Nivel de prueba: Prueba existente

Código fuente de Signal Ads Lab: la aparición al hacer scroll (CSS) · copiado el 3 de octubre de 2026 · sha256 4ce04707ae47…

index.html líneas 3657–3666

Raw: texto de index.html, líneas 3657–3666
  /* ── Scroll reveal + count-up ── */
  var obs=new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(!e.isIntersecting) return;
      e.target.classList.add('visible');
      e.target.querySelectorAll('.cu').forEach(countUp);
      obs.unobserve(e.target);
    });
  },{threshold:0.12,rootMargin:'0px 0px -30px 0px'});
  document.querySelectorAll('.reveal').forEach(function(el){ obs.observe(el); });

Nivel de prueba: Prueba existente

Código fuente de Signal Ads Lab: la aparición al hacer scroll (JavaScript) · copiado el 3 de octubre de 2026 · sha256 412e17cb848a…

En línea

signaladslab.com (sitio en línea)

Nivel de prueba: Prueba existente

De nuevo en línea el 03/10/2026 (HTTPS, www redirige al dominio principal); sitio estático servido por Netlify.

Comprobado el 3 de octubre de 2026.

Abrir signaladslab.com