Level up browser

Non sono Pokemon ma si possono potenziare

Chi è del mestiere utilizza anche i browser più strani per fare debug, ma le estensioni che consiglio non sono solo per quello. Quante volte può capitare che vediate un sito e vi interessa quel tipo di font particolare o quel tipo di colore? Si è vero, posso vederlo da ispeziona elemento, però ci sono alcuni strumenti che ci facilitano queste operazioni e le rendono meno macchinose, oppure altre estensioni che ci aiutano a vedere in che modo è stata sviluppata la piattaforma.
Principalmente utilizzo browser basati su Chrome(ium) quindi che sia Opera o Vivaldi o altro sono compatibili, discorso a parte per quelli di Mozilla e Safari, alcune sono presenti altre potrebbero mancare.

1 WhatRuns


Cominciamo a correre? No, vediamo come corrono gli altri!

Quante volte per curiosità avete aperto l'ispeziona elementi solo per vedere come è stato sviluppato un sito? C'è questa estensione che ci permette di scoprire quale CMS, plug-in, analytics e quello che si vuole in un solo click. Ultimamente sto provando anche Wappalyzer che essenzialmente svolge la stessa funzione e sembra esser migliore.

what run's estensione per browser

2 Sizzy


Jedi del responsive, quando si controllano con un click

Da quando l'ho scoperta non ne posso fare a meno, ci viene in aiuto per il responsive del nostro sito, ci permette di testarlo in un colpo solo su vari dispositivi Android e Apple, scegliere se vederli in landscape con o senza tastiera (potrebbe tornare utile in caso di e-commerce). Per quanto mi riguarda è uno di quelli che non può mancare, un vero must.

estensione sizzy per browser

3 CSS Peeper


Css... Css ovunque

Già dall'inizio del titolo fa capire molto, Css, qualsiasi cosa riguardi il Css viene visto da questa extension, dalla palett colori usata alle dimensioni dei font o alle immagini presenti all'interno. Questo risulterà comodo più ad un designer che a un programmatore.

css peeper per browser

4 Muzli


Per trarre ispirazione...no copia

Un ottima estensione per trarre ispirazione da altri designer/grafici, ci sono la maggior parte se non tutte le piattaforme principali come Dribbble, Behance, Invision, Awwwords e altre che neanche conoscevo. Mi raccomando non abusatene troppa.

estensione muzil per browser

5 Lorem Ipsum Generator


Lorem ipsum, dolor sit amet

Già dal titolo dovrebbe essere chiaro, genera del testo Lorem Ipsum da integrare nei progetti. Per chi non lo sapesse è del testo finto, utile quando non si hanno ancora i testi definitivi o non si hanno affatto, aiuta a rendersi conto di come verrà il layout, lo utilizzo spesso in una prima fase di sviluppo, sia per mockup sia in fase di sviluppo.

generatore di testo lorm ipsum



Concludo non tanto con solo un estensione, ma è anche un programma e app, serve ad altro ma la reputo molto comoda ugualmente, sono i famosi password manager. Ho avuto modo di provarli un pò tutti e ve ne dirò 2 free che trovo ottimi, il primo KeepassXC e l'altro Bitwarder. Oltre alle funzioni hanno altro in comune, forse una delle cose più importanti, il codice è possibile visionarlo tranquillamente su Github e sono ampiamente seguiti dalle community. Ultimamente sto utilizzando maggiormente il secondo (Bitwarden) in quanto ha un app ufficiale per IOS e un estensione browser che trovo più comoda ma rimangono ottime entrambe, a voi la scelta in caso decidiate di cominciare ad utilizzarle. Anche per questo articolo è tutto, mi riservo di aggiornarlo in caso di nuove estensioni. Peace