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.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.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.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.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.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