Construiți 11 Extensii Chrome Brilliant pentru dezvoltatorii web

Chrome a câștigat recent o cotă de 25% a pieței de browsere de pe Internet, făcându-l cel mai utilizat browser din lume din spatele Internet Explorer (care evoluează în Project Spartan Project Spartan: Un browser web necontenit pentru proiectul web modern Spartan: un browser ușor și neterminat pentru Web-ul modern Spartan preia lupta cu competitorii de browser precum Chrome și Firefox.Va suporta idealurile soldaților spartani? Am pus această primă versiune la test și nu am fost impresionați. ). În cele din urmă, acest lucru înseamnă că Chrome este de facto acasă pentru dezvoltatorii web.

Deși sunt parțial la Firefox, pot aprecia de ce oamenii iubesc Chrome. Acesta tind să domine criteriile de verificare ale browserului Browser Wars: Firefox vs. Chrome vs. Opera, Benchmark-ul definitiv Browser Wars: Firefox vs. Chrome, versiunea finală Dacă ați putea alege doar un browser, care ar fi acesta? Care este cel mai bun: Firefox, Chrome sau Opera? Vă vom arăta. Citește mai mult și îi ușurează pe utilizatorii obișnuiți să devină utilizatori ai puterii Chrome Cum se poate deveni un Utilizator de alimentare Chrome, Partea 1 - Master Tastatura Cum să devii Utilizator de alimentare Chrome, Partea 1 - Master Tastatura Google Chrome de ceva timp a fost browser-ul de alegere pentru mulți și deși majoritatea browserelor noastre web pot face unele lucruri destul de impresionante, Chrome a continuat să smulgă utilizatorii de putere, ... Citește mai mult. Alții, de fapt, urăsc Chrome, dar sunt blocați cu ajutorul acestuia. Îmi place Google Chrome, dar sunt prins în el. Iată de ce urăsc Google Chrome dar sunt prins în ea. Iată de ce în războiul Chrome vs. Firefox, mă ocup de utilizatorii Google. Dar nu vreau. Chrome este browserul meu preferat, deoarece are caracteristici pe care nu pot trăi fără. Citiți mai multe din cauza disponibilității anumitor extensii.

Acesta este motivul pentru care Chrome este atât de bun pentru dezvoltatorii web: Magazinul web Chrome Cât de sigur este Magazinul web Chrome oricum? Cât de sigur este Chrome Web Store oricum? Un studiu finanțat de Google a descoperit că zeci de milioane de utilizatori Chrome au programe de instalare a programelor malware instalate, reprezentând 5% din traficul total Google. Sunteți unul dintre acești oameni și ce ar trebui să faceți? Citește mai mult și grupul de extensii. Dacă planificați vreodată proiectarea sau codarea unui site web, iată câteva instrumente esențiale pe care ar trebui să le instalați imediat.

ColorZilla

ColorZilla a început ca un addon Firefox, dar a devenit atât de popular, încât mulți au solicitat o versiune Chrome. Acum suntem aici. Această extensie la îndemână este, în principiu, o versiune avansată a instrumentului dropper pentru ochi pe care îl veți găsi într-un program precum Paint sau Photoshop.

Cu ajutorul acestuia, puteți să indicați orice loc din browser și să trageți imediat informațiile despre culoare în acel loc. Odată tras, puteți să-l optimizați (fie prin RGB, HSV sau hexazecimal) înainte de al copia în clipboard. Extrem de ușor de utilizat.

De asemenea, vine cu un generator de gradienți CSS, un analizor de culori pentru pagini web și câteva palete de culori pre-instalate pentru confortul dvs..

Window Resizer

Unul dintre pericolele dezvoltatorului de web este să vă asigurați că experiența de vizionare a unui site web este plăcută pentru utilizatorii din toate tipurile de dispozitive. Nu vorbim despre mobil sau desktop - care este importantă - dar și diferența dintre tabletele mici și monitoarele masive.

Window Resizer este o modalitate ușoară de a redimensiona fereastra browserului în zbor. La apăsarea unui buton, veți putea să testați site-ul dvs. în diverse rezoluții pentru a vedea ce văd utilizatorii dvs. - și apoi puteți ajusta corespunzător.

IE Tab

Un alt pericol imens al dezvoltatorului de web este standardele browserului (sau lipsa acestuia). Internet Explorer, Firefox, Chrome, Opera și toate celelalte browsere minore vor face site-urile web într-un mod ușor diferit. Între timp, unele browsere sunt mai lent pentru a adopta standarde decât altele.

Sau în cazul Internet Explorer, standardele sunt aruncate pe fereastră, iar dezvoltatorii web sunt determinați să-și rupă părul, deoarece sunt forțați să facă locuințe.

Cu IE Tab, acest proces este făcut un pic mai ușor. Acesta vă permite să vizualizați un site Web într-o nouă filă Chrome, dar redat așa cum ar apărea în IE. Nu este o soluție revoluționară a problemei IE, dar cel puțin este ceva.

Valabilitate

Nu toate codurile HTML sunt egale. În timp ce browserele joacă un rol important în respectarea standardelor, o parte din onus revine și dezvoltatorului web de a urma practici HTML bune. Acesta este motivul pentru care există instrumente acolo pentru testarea și validarea HTML 5 Cel mai bun Editor online HTML gratuite pentru a testa codul dvs. 5 Cel mai bun editor online HTML gratuit pentru a testa codul dvs. Pentru momentele în care doriți doar să vă bate în jurul cu un fragment mic de HTML, optimizați-l după preferințele dvs., un editor HTML online vă va servi mai bine. Citeste mai mult .

Valabilitate este o extensie care vă permite să faceți totul fără a fi nevoie să vizitați site-uri terțe părți. Doar deschideți site-ul dvs. Web, faceți clic pe butonul și va afișa toate mesajele HTML nevalide din consola browserului. Validarea se face prin serviciul de validare W3C.

BuiltWith

Un lucru pe care îl urăsc despre dezvoltarea web este că există asa de mult bibliotecile, cadrele și motoarele disponibile pentru utilizare. Libertatea de alegere este mare, dar este o durere când numărul de tehnologii devine atât de mare încât nu puteți ține pasul cu toate acestea.

Ați vizitat vreodată un site web și ați întrebat ce este tehnologia de bază?

BuiltWith extensia este un singur buton care analizează pagina web curentă pentru a vedea toate a bibliotecilor web, a cadrelor și a motoarelor care o conduc, inclusiv rețelele de publicitate, platformele de distribuire a conținutului și chiar și software-ul ce găzduiește toate acestea.

Postman Client REST [nu mai este disponibil]

Pentru cei care lucrați cu API-urile REST, Poştaş este singurul instrument de care aveți nevoie pentru un flux de lucru simplificat. Cu aceasta, puteți construi cereri HTTP și puteți obține răspunsuri formatate în JSON și XML. Răspunsurile sunt deschise într-o fereastră separată ca HTML.

De asemenea, puteți grupa mai multe solicitări în ceva numit colecție, care este o modalitate excelentă de a rămâne organizată și eficientă. De asemenea, puteți testa în medii multiple prin comutarea variabilelor de mediu chiar în interiorul extensiei.

Corporate Ipsum

O modalitate de a genera textul de umplere este copierea și lipirea “asdf” de peste o sută de ori. O cale mai bună ar fi instalarea Corporate Ipsum și lăsați-l să genereze textul de umplere pentru dvs. în clipi de ochi.

Am acoperit mai multe generatoare Lorem Ipsum 10 Alternative la îndemână Dacă sunteți obosit de obișnuit Lorem Ipsum Filler Texte 10 Alternative la îndemână Dacă sunteți obosit de obișnuit Lorem Ipsum Filler Texte Designerii web probabil au o pisică de instrumente Lorem Ipsum salvate aproape de asta utile pentru munca lor de dezvoltare web. Generatoarele Lorem Ipsum vin în diferite forme; unele dintre ele permit personalizarea textului fals ... Citește mai mult înainte, dar recursul Corporate Ipsum este că se află în browser-ul dvs. Puteți să-l trageți cu un singur clic pe buton. Nu există nici un motiv să nu-l folosești, dacă mă întrebi. Acum puteți să reveniți la codarea site-ului dvs.!

TabCloud

Dezvoltarea web apare uneori pe mai multe mașini. În timp ce controlul sursei pentru dezvoltatori Ce este Git și de ce ar trebui să utilizați controlul versiunii Dacă sunteți dezvoltator Ce este Git și de ce ar trebui să utilizați controlul versiunii Dacă sunteți dezvoltator Ca dezvoltatori web, o mulțime de timp avem tendința de a lucra pe site-urile de dezvoltare locală, atunci încărcați totul când ați terminat. Acest lucru este bine când sunteți doar dvs. și schimbările sunt mici, ... Read More este principala modalitate de a rămâne sincronizată și actualizată, ce se întâmplă dacă doriți să transferați mai multe file pe calculatoare? Aici este locul TabCloud intră.

TabCloud sincronizează filele cu cloud-ul, permițându-le să le redeschideți în altă parte. De asemenea, poate fi folosit local ca economizor de sesiune, permițându-vă să stocați un set de file pentru revizuirea ulterioară. Tab-urile sunt salvate în contul dvs. Google.

WhatFont

Designul de fonturi este o componentă importantă a dezvoltării web, care este motivul pentru care serviciile precum Google Web Fonts Cum se utilizează Fonturile Google în următorul dvs. proiect web și de ce ar trebui să utilizați fonturile Google în următorul proiect web și de ce ar trebui să alegeți Font decizia de proiectare integrală pe orice site web, dar de cele mai multe ori suntem mulțumiți de aceeași familie serifă și sans serifă. În timp ce corpul principal al textului ar trebui să fie întotdeauna ceva ... Citiți mai multe au devenit atât de populare. Vestea bună este că aceste fonturi gratuite sunt acum unele dintre cele mai frumoase fonturi web Molid Sus site-ul dvs. cu aceste 12 Frumos Fonturi Google Web Spruce Up site-ul dvs. cu aceste 12 frumoase Fonturi Google Web În ultimul deceniu, am început un număr de bloguri personale pe care nu le-am urmat niciodata, dar unele din cele mai frumoase amintiri ale mele se bazeaza pe design-ul tematicii si trucurile de fonturi. Există ceva satisfăcător atunci când ... Citește mai multe disponibile în prezent.

Dar recunoașteți: există momente când navigați pe web și întâlniți un font uimitor pe care nu l-ați mai văzut până acum. Există o mulțime de modalități de a le identifica, dar cea mai rapidă modalitate este de a le folosi WhatFont. Cu aceasta, puteți inspecta fonturile pur și simplu plutea peste ele. Cum ar putea fi mai ușor?

Imagine extraordinară [nu mai este disponibilă]

Dacă capturile de ecran nu fac parte din rutina obișnuită de dezvoltare web, Imagine extraordinară va contribui la schimbarea acestui aspect. Capturile de ecran sunt excelente pentru documentarea schimbărilor în proiectarea și partajarea de lucrări în curs de desfășurare cu clientul sau membrii echipei.

Această extensie are mai multe funcții de capturare, inclusiv întreaga pagină, zona selectată sau zona vizibilă. De asemenea, vă permite să adăugați adnotări, să blocați porțiuni sensibile ale imaginii și să le distribuiți cu un singur clic. Sau încărcați în locația dvs. Google Drive.

În cazul în care conceptul vă intrigă, dar ați prefera să utilizați un program desktop mai puternic, verificați această comparație a uneia dintre capturile de ecran 4 Cele mai bune instrumente pentru crearea de screenshot-uri Comparate 4 cele mai bune instrumente pentru crearea de screenshot-uri Comparate cu CTRL + SHIFT + pentru capturi de ecran perfecte. Nu trebuie să fie un hassle! Încercați aceste instrumente avansate de captare a ecranului și nu vă veți uita niciodată înapoi. Citiți mai multe și începeți să utilizați unul care funcționează cel mai bine pentru dvs..

Verificați legăturile mele

O mulțime de erori de dezvoltare a web-ului vă va împiedica pe vizitatori, iar legăturile întrerupte sunt unul dintre cei mai răi infractori. O legătură întreruptă ar putea fi în regulă, dar orice altceva decât acesta și site-ul dvs. începe să piardă credibilitatea și reputația. Din fericire, aceasta este o greșeală ușor evitată.

Verificați legăturile mele face exact ceea ce promite: verifică legăturile dvs. Link-urile valide sunt marcate verde, iar legăturile rupte sunt marcate cu roșu, iar la sfârșit vă va oferi un punctaj procentual. Tot ce trebuie să faceți după aceea este să vă reparați aceste legături!

Ce extensii folosiți?

O extensie suplimentară pentru productivitate 15 Nu pot să-mi lipsească Extensiile Chrome pentru productivitate 15 Nu puteți să pierdeți extensiile Chrome pentru productivitate Astăzi vă aducem câteva extensii esențiale pentru a vă ajuta să lucrați mai bine online. Citește mai mult Aș recomanda este StayFocusd. Este vorba mai degrabă de o extensie de scop general decât de o extensie de dezvoltare web, dar cu siguranță este util oricum. Vă împiedică să vă distrați de web în timp ce lucrați!

Ce crezi despre acestea? Există alte extensii esențiale de dezvoltare web pe care le-ați recomanda? Trimiteți-ne la comentariile de mai jos!

Explorați mai multe despre: Extensiile de browser, Google Chrome.