Danilo Alessandro Vinciprova

Danilo Alessandro Vinciprova

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

Ho imparato a pensare al costruire come a parti che devono incastrarsi tra loro.

Progetto 01 / 06 · sito web

Signal Ads Lab

Sito web di Signal Ads Lab, il mio servizio di video ads in formato breve. Il sito è online su signaladslab.com.

OnlineSito web per un servizio di video ads in formato breve

Panoramica

Screenshot

Livello di prova: Prova esistente

Signal Ads Lab: screenshot della home page, desktop (1440 px).
Signal Ads Lab: screenshot della home page, mobile (375 px).
Desktop 1440 × 900 e mobile 375 × 812, acquisiti il 3 ottobre 2026 dal sito online.
Vedi la prova
  1. Affermazione

    Sito web di Signal Ads Lab, il mio servizio di video ads in formato breve. Il sito è online su signaladslab.com.

    Dichiarato da Danilo

  2. Prove

  3. Risultato

    Il sito è online (verificato il 03/10/2026), con screenshot reali presi dai suoi file sorgente il 29/09/2026. Questo dimostra che il sito esiste e funziona; che l’abbia costruito Danilo è una sua dichiarazione. I video del portfolio sul sito sono lavori concept, non lavori per clienti.

In questa pagina

  1. 02 Responsive: il sito online acquisito a 1440, 768 e 375 px
  2. 03 Misurato: Lighthouse e axe, eseguiti sul sito online
  3. 04 Codice: la comparsa allo scorrimento, dal sorgente del sito
  4. 05 Online: il sito stesso

Responsive

La stessa pagina a tre larghezze, disegnata alla stessa scala: ogni cornice è un’acquisizione della pagina, e il righello sopra indica la larghezza della sua finestra.

Livello di prova: Prova esistente

Signal Ads Lab a 1440 px di larghezza: acquisizione della pagina.
1440 px · Screenshot di signaladslab.com (desktop e mobile) · verificato il 3 ottobre 2026
Signal Ads Lab a 768 px di larghezza: acquisizione della pagina.
768 px · Screenshot di signaladslab.com a larghezza tablet (768 px) · verificato il 3 ottobre 2026
Signal Ads Lab a 375 px di larghezza: acquisizione della pagina.
375 px · Screenshot di signaladslab.com (desktop e mobile) · verificato il 3 ottobre 2026

Misurato

Eseguito sul sito online il 5 ottobre 2026, non su una copia. Un’esecuzione per ogni strumento; per ognuno è collegato un riepilogo (i report completi citano indirizzi del sito che restano fuori da questo CV).

Lighthouse (mobile)

Livello di prova: Prova esistente

  • 68Prestazioni
  • 100Accessibilità
  • 96Best practice
  • 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 eseguito sul sito online il 05/10/2026, dopo le correzioni di velocità e accessibilità fatte da Danilo lo stesso giorno (video più leggeri, il cubo 3D caricato dopo e un’immagine ferma sui telefoni, etichette del modulo, contrasto): formato mobile, rallentamento simulato (la configurazione predefinita). Prima di due esecuzioni; la seconda ha dato Performance 63. È pubblicato solo un riepilogo del report, perché il report completo cita un indirizzo di un modulo del sito che resta fuori da questo CV.

Apri il riepilogo di Lighthouse (JSON)

scansione di accessibilità axe

Livello di prova: Prova esistente

violazioni axe per impatto, e regole superate
ImpattoRegole
Critiche0
Gravi1
Moderate1
Lievi0
Regole superate43

axe-core 4.13.0 (@axe-core/playwright, Chromium) sul sito online il 05/10/2026, pagina appena caricata, dopo le correzioni dello stesso giorno. A 375 px: nessuna critica o grave, 1 moderata (region); 44 regole superate. A 1440 px: 1 grave (color-contrast, 1 elemento), 1 moderata (region); 43 regole superate. Il 03/10/2026 entrambe le larghezze avevano 2 critiche (label, select-name) e 2 gravi. È pubblicato solo un riepilogo dei risultati, perché i risultati completi citano i link di pagamento del sito.

Apri i riepilogo di axe (JSON)

Codice

Le sezioni compaiono in dissolvenza mentre scorrono nella vista: il CSS imposta lo stato iniziale nascosto e quattro brevi ritardi; un IntersectionObserver aggiunge la classe visibile una volta per elemento, e avvia gli eventuali numeri con conteggio animato al suo interno.

index.html righe 202–208

Raw: testo di index.html, righe 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; }

Livello di prova: Prova esistente

Sorgente di Signal Ads Lab: la comparsa allo scorrimento (CSS) · copiato il 3 ottobre 2026 · sha256 4ce04707ae47…

index.html righe 3657–3666

Raw: testo di index.html, righe 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); });

Livello di prova: Prova esistente

Sorgente di Signal Ads Lab: la comparsa allo scorrimento (JavaScript) · copiato il 3 ottobre 2026 · sha256 412e17cb848a…

Online

signaladslab.com (sito online)

Livello di prova: Prova esistente

Di nuovo online il 03/10/2026 (HTTPS, www reindirizza al dominio principale); sito statico servito da Netlify.

Verificato il 3 ottobre 2026.

Apri signaladslab.com