Build It 11 Brilliant Chrome Extensions per gli sviluppatori Web

Chrome ha recentemente acquisito una quota del 25% del mercato dei browser Internet, diventando il secondo browser più utilizzato al mondo dietro Internet Explorer (che si sta evolvendo in Project Spartan Project Spartan: un Lean e Unfinished Browser per il Modern Web Project Spartan: un browser magro e incompiuto per il web moderno Spartan riprende la lotta con i concorrenti del browser come Chrome e Firefox, sarà all'altezza degli ideali dei soldati spartani? Abbiamo messo alla prova questa prima versione e non siamo rimasti colpiti. ). In definitiva, ciò significa che Chrome è il di fatto casa per gli sviluppatori web.

Anche se sono parziale a Firefox, posso capire perché la gente ama Chrome. Tende a dominare i benchmark del browser Browser Wars: Firefox vs Chrome vs Opera, The Definitive Benchmark Browser Wars: Firefox vs Chrome vs Opera, The Benchmark definitivo Se si potesse scegliere solo un browser, quale sarebbe? Qual è il migliore: Firefox, Chrome o Opera? Ti mostreremo. Leggi di più e semplifica il passaggio degli utenti abituali agli utenti di Chrome Come diventare un utente di Chrome Power, parte 1: padroneggiare la tastiera Come diventare un utente di Chrome Power, parte 1 - Master La tastiera di Google Chrome per un po 'di tempo è stata il browser preferito da molti e anche se la maggior parte dei nostri browser Web può fare cose piuttosto impressionanti, Chrome ha continuato a catturare utenti esperti, ... Per saperne di più. Altri odiano Chrome, ma sono bloccati ad usarlo I Hate Google Chrome Ma I'm Trapped In It. Ecco perché odio Google Chrome, ma sono intrappolato in esso. Ecco perché nella guerra tra Chrome e Firefox, sono schierato con gli utenti di Google. Ma io non voglio. Chrome è il mio browser preferito perché ha funzionalità di cui non posso fare a meno. Leggi di più a causa della disponibilità di alcune estensioni.

Questo è uno dei motivi per cui Chrome è così valido per gli sviluppatori web: il Chrome Web Store Quanto è sicuro il Chrome Web Store? Quanto è sicuro il Chrome Web Store? Uno studio finanziato da Google ha rilevato che decine di milioni di utenti di Chrome dispongono di componenti aggiuntivi che ospitano malware installati, che rappresentano il 5% del traffico totale di Google. Sei una di queste persone e cosa dovresti fare? Leggi di più e il suo pool di estensioni. Se hai in programma di progettare o codificare un sito Web, ecco alcuni strumenti essenziali che devi installare immediatamente.

ColorZilla

ColorZilla iniziato come addon di Firefox, ma è diventato così popolare che molti hanno richiesto una versione di Chrome. Ora eccoci qui. Questa utile estensione è fondamentalmente una versione avanzata dello strumento Contagocce che potresti trovare in un programma come Paint o Photoshop.

Con esso, puoi puntare a qualsiasi punto del tuo browser e tirare immediatamente le informazioni sul colore in quel punto. Una volta estratto, puoi modificarlo (tramite RGB, HSV o esagono dritto) prima di copiarlo negli Appunti. Estremamente facile da usare.

Inoltre viene fornito con un generatore di gradiente CSS, un analizzatore di colori di pagine Web e alcune tavolozze di colori preinstallate per la vostra convenienza.

Window Resizer

Uno dei pericoli dello sviluppatore web è assicurarsi che l'esperienza di visualizzazione di un sito Web sia piacevole per gli utenti di tutti i tipi di dispositivi. Non stiamo parlando solo di cellulare o desktop - quale è importante - ma anche la differenza tra tavolette e monitor massicci.

Window Resizer è un modo semplice per ridimensionare al volo la finestra del browser. Con il semplice clic di un pulsante, sarai in grado di testare il tuo sito web in varie risoluzioni per vedere cosa vedono i tuoi utenti - e quindi potrai modificare di conseguenza.

IE Tab

Un altro enorme pericolo dello sviluppatore web sono gli standard del browser (o la sua mancanza). Internet Explorer, Firefox, Chrome, Opera e tutti gli altri browser minori renderanno i siti Web in modi leggermente diversi. Nel frattempo, alcuni browser sono più lenti ad adottare gli standard di altri.

O nel caso di Internet Explorer, gli standard vengono buttati fuori dalla finestra e gli sviluppatori web sono spinti a strapparsi i capelli mentre sono costretti a fare alloggi.

Con IE Tab, questo processo è reso un po 'più facile. Ti consente di visualizzare un sito web in una nuova scheda di Chrome, ma renderizzato come apparirebbe in IE. Non una soluzione rivoluzionaria al problema di IE, ma almeno è qualcosa.

Validità

Non tutto il codice HTML è uguale. Sebbene i browser svolgano un ruolo importante nella conformità agli standard, parte dell'onere spetta allo sviluppatore web seguire le buone pratiche HTML. Ecco perché ci sono strumenti per testare e convalidare HTML 5 migliori editor HTML online gratuiti per testare il codice. 5 migliori editor HTML online gratuiti per testare il tuo codice Per le volte in cui vuoi semplicemente giocherellare con un piccolo frammento di codice HTML in modo che tu possa modificalo a tuo piacimento, un editor HTML online ti servirà meglio. Leggi di più .

Validità è un'estensione che ti consente di fare tutto ciò senza dover visitare siti di terze parti. Basta aprire il tuo sito Web, fare clic sul pulsante e visualizzerà tutti i messaggi HTML non validi nella console del browser. La convalida viene eseguita tramite il servizio di convalida W3C.

BuiltWith

Una cosa che odio dello sviluppo web è che ci sono così tanti librerie, framework e motori disponibili per l'uso. La libertà di scelta è grande, ma è un dolore quando il numero di tecnologie diventa così grande che non puoi stare al passo con tutti loro.

Hai mai visitato un sito Web e ti sei chiesto quale sia la tecnologia di base?

Il BuiltWith l'estensione è un singolo pulsante che analizza la pagina Web corrente da vedere tutti delle librerie, dei framework e dei motori web che lo alimentano, comprese le reti pubblicitarie, le piattaforme di distribuzione dei contenuti e persino il software di hosting dietro a tutto.

Client REST Postman [Non più disponibile]

Per quelli di voi che lavorano con le API REST, Postino è l'unico strumento di cui hai bisogno per un flusso di lavoro ottimizzato. Con esso, è possibile costruire richieste HTTP e ottenere risposte formattate in JSON e XML. Le risposte vengono aperte in una finestra separata come HTML.

Puoi anche raggruppare più richieste in qualcosa chiamato raccolta, che è un ottimo modo per rimanere organizzato ed efficiente. È inoltre possibile eseguire test su più ambienti attivando le variabili ambientali direttamente all'interno dell'estensione.

Corporate Ipsum

Un modo per generare testo di riempimento è copiare e incollare “asdf” più e più volte un centinaio di volte. Un modo migliore sarebbe installare Corporate Ipsum e lascia che generi testo di riempimento per te in un batter d'occhio.

Abbiamo coperto diversi generatori Lorem Ipsum 10 Handy Alternatives Se sei stanco del solito Lorem Ipsum Filler Testi 10 Handy Alternative Se sei stanco dei soliti Lorem Ipsum Filler Testi Web designer probabilmente hanno un gattino di strumenti Lorem Ipsum salvati vicino a quello utile per il loro lavoro di sviluppo web. I generatori Lorem Ipsum sono disponibili in varie forme; alcuni di essi consentono di personalizzare il testo fittizio ... Leggi di più prima, ma l'interesse di Corporate Ipsum è che si trova proprio nel tuo browser. Puoi tirarlo su con un solo clic. Non c'è motivo per non usarlo, se me lo chiedi. Ora puoi tornare a codificare effettivamente il tuo sito web!

TabCloud

Lo sviluppo Web a volte si verifica su più macchine. Mentre il controllo del codice sorgente per gli sviluppatori Cos'è Git e Perché dovresti usare il controllo della versione Se sei uno sviluppatore Cos'è Git e Perché dovresti usare il controllo della versione Se sei uno sviluppatore Come sviluppatori web, molto spesso si tende a lavorare sui siti di sviluppo locale, quindi caricare tutto quando abbiamo finito. Questo va bene quando sei solo tu e le modifiche sono piccole, ... Leggi altro è il modo principale per rimanere sincronizzati e aggiornati, cosa succede se vuoi trasferire più schede tra i computer? Ecco dove TabCloud entra.

TabCloud sincronizza le tue schede con il cloud, permettendoti di riaprirle altrove. Può anche essere usato localmente come un salvaschermo, consentendo di memorizzare una serie di schede per la successiva revisione. Le schede vengono salvate nel tuo account Google.

WhatFont

Il design dei font è un grande componente dello sviluppo web, motivo per cui servizi come Google Web Fonts Come utilizzare Google Fonts nel tuo prossimo progetto Web e perché dovresti usare Google Fonts nel tuo prossimo progetto Web e perché dovresti scegliere il font è un decisione di progettazione integrale su qualsiasi sito Web, tuttavia la maggior parte delle volte ci accontentiamo della stessa vecchia famiglia serif e sans-serif. Mentre il corpo principale del testo dovrebbe sempre essere qualcosa ... Leggi di più sono diventati così popolari. La buona notizia è che questi font gratuiti sono ora alcuni dei font più belli del Web. Spruce il tuo sito web con questi 12 bellissimi font Google Web. Abbraccia il tuo sito web con questi 12 fantastici web font Google Nell'ultimo decennio, ho iniziato un numero di blog personali che non ho mai veramente seguito, ma alcuni dei miei ricordi più cari si basano sul tema del design e sui ritocchi dei font. C'è qualcosa di soddisfacente quando ... Leggi altro attualmente disponibile.

Ma ammettilo: ci sono momenti in cui stai navigando sul web e ti imbatti in un font sorprendente che non hai mai visto prima. Ci sono molti modi per identificarlo, ma il modo più veloce è quello di usarlo WhatFont. Con esso, è possibile ispezionare i caratteri semplicemente da aleggiando su di loro. Come potrebbe essere più facile?

Screenshot impressionante [Non più disponibile]

Se gli screenshot non fanno parte della normale routine di sviluppo web, Screenshot impressionante aiuterà a cambiarlo. Le schermate delle schermate sono ottime per documentare i cambiamenti nel design e condividere lavori in corso con il cliente o i membri del team.

Questa estensione ha diverse funzioni di acquisizione, tra cui la pagina intera, l'area selezionata o l'area visibile. Consente inoltre di aggiungere annotazioni, sfocare parti sensibili dell'immagine e condividere con un solo clic. O carica invece sul tuo Google Drive.

Se il concetto ti incuriosisce, ma preferisci utilizzare un programma desktop più potente, controlla questo confronto tra gli strumenti dello screenshot 4 Strumenti migliori per la creazione di schermate Confronto 4 Strumenti migliori per la creazione di schermate CTRL + MAIUSC superiore + 4. Tre chiavi: è tutto ciò che serve per screenshot perfetti. Non ha bisogno di essere una seccatura! Prova questi strumenti avanzati di cattura dello schermo e non guarderai mai indietro. Leggi di più e inizia a utilizzare quello che funziona meglio per te.

Controlla i miei collegamenti

Un sacco di errori di sviluppo web frustreranno i visitatori e i collegamenti interrotti sono uno dei peggiori trasgressori. Un link interrotto potrebbe andare bene, ma non di più e il tuo sito web inizia a perdere credibilità e reputazione. Fortunatamente, questo è un errore facilmente evitato.

Controlla i miei collegamenti fa esattamente ciò che promette: controlla i tuoi link. I link validi sono contrassegnati in verde mentre i collegamenti interrotti sono contrassegnati in rosso e alla fine ti darà un punteggio percentuale. Tutto quello che devi fare in seguito è andare e riparare quei collegamenti!

Quali estensioni usi?

Un'ulteriore estensione per la produttività 15 Le estensioni di Chrome non possono mancare per la produttività 15 Le estensioni di Chrome non possono mancare per la produttività Oggi vi proponiamo alcune ulteriori estensioni essenziali per aiutarvi a lavorare meglio online. Per saperne di più, consiglierei StayFocusd. È più un'estensione di scopo generale piuttosto che un'estensione di sviluppo web, ma è certamente utile indipendentemente. Ti impedisce di essere distratto dal web mentre lavori!

Cosa ne pensi di questi? Esistono altre estensioni di sviluppo Web essenziali che consiglieresti? Condividi con noi nei commenti qui sotto!

Scopri di più su: Estensioni del browser, Google Chrome.