Astăzi, vă împărtășesc lista mea de 12 extensii Chrome pentru designeri și dezvoltatori. Sunt încântat că acesta este domeniul meu de expertiză, așa că să trecem direct la el.
1. Marea Bretetă
The Great Suspender este o extensie gratuită și open-source pentru Google Chrome, care minimizează cantitatea de memorie folosită de Chrome. Face acest lucru prin suspendarea automată a filelor care au fost latente.Sub capotă, ceea ce face este să dezlipească paginile web latente de grafica lor, JS etc.
The Great Suspender Chrome Extension
2. Verificare UX
UX Check Extensia Chrome vă ajută să recunoașteți problemele de utilizare printr-o evaluare euristică rapidă și ușoară.
Fluxul de lucru este simplu. Faceți clic pe pictogramă pentru a lansa Nielsen's Ten Euristics într-un panou lateral, cum ar fi Chrome Dev instrumente . Puteți face clic pe orice element care nu trece evaluarea pentru a adăuga note, a face capturi de ecran și a exporta ca fișier s docx pentru partajare ușoară.
UX Check Chrome Extension
3. Picuratoare pentru ochi
Eye Dropper este cel mai minunat instrument de alegere a culorilor în ceea ce mă privește.Are 2 file – Eyedropper și Cooler selector. Instrumentul pipetă vă permite să alegeți culori din orice pagină web, în timp ce instrumentul de selectare a culorilor vă permite să selectați culori personalizate.
Culori alese din paginile web sau selectate din fila de selectare a culorilor sunt salvate automat într-o paletă pe care o puteți descărca ca fișier CSV. De asemenea, Eye Dropper afișează toate culorile în coduri RGB, HSL, HEX și după nume și acceptă comenzi rapide de la tastatură.
Extensie Chrome Dropper pentru ochi
4. FontFace Ninja
FontFace Ninja este capabil să afișeze informații despre orice fonturi de pe orice site web. Conține link-uri de descărcare pentru fonturi gratuite și o opțiune de afișare a prețurilor celor plătite.
FontFace Ninja are, de asemenea, opțiuni pentru utilizarea modului întunecat, detectarea fonturilor în imagini (beta) și afișarea opțiunilor de marcare.
FontFace Ninja Chrome Extension
5. Riglă de pagină
Page Ruler este o extensie minimalistă de riglă care vă permite să măsurați lățimi și înălțimi pe paginile web. Include mai multe comenzi rapide de la tastatură, navigare prin elementele părinte și secundare, linii directoare de măsurare și localizare în 10 limbi.
Page Ruler Chrome Extensie
6. Descărcător de videoclipuri Facebook
FB Down poate descărca cu ușurință videoclipuri de pe Facebook și orice altă pagină cu redare video. Îl puteți folosi pentru a descărca toate formatele media populare, inclusiv anumite videoclipuri protejate prin drepturi de autor (când alegeți să descărcați videoclipul fără sunet).
FB Down acționează ca un sniffer de link pe paginile web, iar pictograma se aprinde când vede conținut descărcabil.
Extensia Chrome pentru descărcare video Facebook
7. PerfectPixel
PerfectPixel de WellDoneCode, este cea mai bună extensie pentru crearea de site-uri web perfecte. Vă permite să setați imagini ca suprapuneri pe care le puteți compara cu site-ul de dezvoltare. Acceptă comenzile rapide de la tastatură, suprapunerea imaginilor semi-transparente și multe altele.
Extensia Chrome PerfectPixel
8. TinEye
TinEye este instrumentul perfect de căutare inversă a imaginilor și primul care implementează tehnologia de identificare a imaginilor, în locul cuvintelor cheie, metadatelor sau filigranelor. Funcționează prin crearea de semnături digitale unice pentru imagini și apoi compară semnăturile cu cele din indexul său.
TinEye nu returnează doar imagini similare în rezultatele căutării, ci potriviri exacte, fără a exclude versiunile decupate, redimensionate și editate.
Extensia Chrome TinyEye
9. CSS Pepper
CSS Pepper vă permite să extrageți CSS (chiar și al obiectelor ascunse) și să construiți ghiduri de stil frumoase într-o manieră bine organizată. Acest lucru le permite designerilor și dezvoltatorilor să petreacă timp lucrând la design decât căutând prin cod.
CSS Pepper Chrome Extension
10. WhatRuns
WhatRuns vă informează despre tot ce rulează pe orice site web, inclusiv cadre, teme, fonturi, CMS etc.
De asemenea, puteți urmări site-uri web pentru ca extensia să vă anunțe când sunt adăugate tehnologii noi.
Extensia Chrome WhatRuns
11. Muzli
Muzli este o extensie gratuită care aduce mii de modele frumoase, inspiratoare, direct în browser-ul tău sub forma unei noi file de înlocuire .
De fiecare dată când deschideți o filă nouă, Muzli o populează cu unele dintre cele mai frumoase modele din peste 120 de surse, inclusiv InVision, Muzli, Dribble, Product hunt, CNN, CSS Author etc! Aceasta este o bijuterie pentru designeri.
Extensia Muzli Chrome
12. Dimensiuni
Dimensiuni este o extensie gratuită și open-source care vă oferă o modalitate inteligentă de a măsura distanțele dintre elementele paginii.
Găsiți dimensiunile imaginii și elementelor HTML trăgând și trecând relativ mouse-ul. De asemenea, puteți utiliza comenzile rapide de la tastatură pentru a funcționa - nu uitați să setați o comandă rapidă de la tastatură la sfârșitul listei de extensii Chrome pentru a comuta extensia pentru a vă bucura de cea mai bună experiență.
Extensia Chrome Dimensiuni
Există și alte extensii despre care ar trebui să știți, de ex. Checkbot urmărește să-ți îmbunătățească reputația SEO și viteza și securitatea generală a site-ului web, verificând link-uri întrerupte, pagini nesigure, HTML/CSS/JS invalid, titluri duplicate și altele. probleme pe care este posibil să nu le observați în timpul dezvoltării.
Și Verifică linkurile mele care se accesează cu crawlere prin paginile tale web pentru a te asigura că nu ai linkuri rupte – acesta este gratuit, dar nu la fel robust.
Aveți extensii interesante pentru designeri și dezvoltatori despre care ar trebui să știm? Adaugă-le în secțiunea de comentarii de mai jos.