GratisEstensione per Chrome e Firefox
Allinea il design pixel per pixel
Pixel Perfect Pro sovrappone l’immagine del tuo design alla pagina che stai sviluppando, così puoi allinearle e vedere ogni punto in cui sono diverse. Nessun account, e i tuoi design restano nel browser.
Screenshot
Come funziona
Apri la pagina che stai sviluppando e fai clic sull’icona di Pixel Perfect Pro. Se la pagina ha dei frame, scegli dove mettere la sovrapposizione.
Aggiungi il design come immagine: trascinala, scegli un file, incollala dagli appunti o aggiungila tramite URL.
Trascina il design in posizione, o spostalo di un pixel alla volta con la tastiera.
Abbassa l’opacità o imposta la fusione su “Difference”, così ogni differenza si illumina. Correggi la pagina e controlla di nuovo.
Cosa fa
Metodi di fusione
Imposta la fusione su “Difference” e ogni pixel che non corrisponde al design si illumina. Ci sono anche “Multiply”, “Overlay”, “Screen” ed “Exclusion”.
Sfuma, inverti o confronta
Rendi il design semitrasparente per vedere entrambi i livelli, invertine i colori sulle pagine scure o trascina un cursore che scorre tra il design e la pagina.
Posizionamento esatto
Imposta posizione, rotazione, scala e larghezza con valori numerici, centra su uno dei due assi e blocca il design così i clic arrivano alla pagina.
Griglia a colonne
Preset per Bootstrap, Tailwind e Material, o colonne, gutter, larghezza, offset, colore e opacità a tua scelta, più una griglia baseline. Funziona anche senza un design.
Righello e guide
Misura le distanze e trascina linee guida sulla pagina.
Più design per sito
Ogni sito web ha i suoi design. Raggruppali con i tag, sfogliali avanti e indietro e collegane uno a un breakpoint, così la finestra si ridimensiona alla sua larghezza.
Scorciatoie e colori tuoi
Assegna a ogni azione fino a due combinazioni di tasti e scegli i colori della barra degli strumenti per il tema chiaro e quello scuro.
Resiste ai ricaricamenti
Ricarica la pagina e la sovrapposizione si riapre con lo stesso design nello stesso punto. Funziona anche negli iframe e, in Chrome, sui file HTML locali.
Privacy by design
- Nessun account, niente analytics, niente tracciamento e niente pubblicità.
- I tuoi design sono salvati nel browser, sito per sito, e non vengono mai caricati online.
- L’unica richiesta di rete che fa è scaricare un design che aggiungi tramite URL.
- La sovrapposizione si carica solo nelle schede in cui la apri.
Gratis, senza account
Tutto incluso
- Più design per sito web, con tag e breakpoint
- Metodi di fusione, opacità, inversione e cursore di confronto
- Griglia a colonne, griglia baseline, righello e guide
- Scorciatoie personalizzate e temi della barra degli strumenti
- Iframe e, in Chrome, file HTML locali