Ma megosztom veled a 12 Chrome-bővítményből álló listámat tervezőknek és fejlesztőknek. Izgatott vagyok, hogy ez az én szakterületem, ezért térjünk rá azonnal.
1. The Great Suspender
The Great Suspender egy ingyenes és nyílt forráskódú Google Chrome-bővítmény, amely minimálisra csökkenti a Chrome által használt memória mennyiségét. Ezt úgy éri el, hogy automatikusan felfüggeszti az alvó lapokat.A motorháztető alatt az a feladat, hogy megfosztja a szunnyadó weboldalakat a grafikáiktól, a JS-től stb.
The Great Suspender Chrome Extension
2. UX ellenőrzés
UX Check A Chrome Extension gyors és egyszerű heurisztikus kiértékeléssel segít felismerni a használhatósági problémákat.
A munkafolyamat egyszerű. Kattintson az ikonra a Nielsen's Ten Heuristics elindításához egy oldalpanelen, mint a Chrome Dev eszközökkel . Azokra az elemekre kattintva, amelyek nem felelnek meg az értékelésen, jegyzeteket fűzhet, képernyőképeket készíthet, és s docx fájlként exportálhatja az egyszerű megosztás érdekében.
UX Ellenőrizze a Chrome-bővítményt
3. Szemcseppentő
Szemcseppentő a legcsodálatosabb színválasztó eszköz, ami számomra aggályos.Két fület tartalmaz – Pipetta és Cooler választó. A szemcseppentő eszköz lehetővé teszi színek kiválasztását bármely weboldalról, míg a színválasztó eszköz lehetővé teszi egyéni színek kiválasztását.
A weboldalakról vagy a színválasztó lapról kiválasztott színeket a rendszer automatikusan egy palettára menti, amelyet letölthet CSV-fájlként. Ezenkívül az Eye Dropper minden színt megjelenít RGB, HSL, HEX kódokban és név szerint, és támogatja a billentyűparancsokat.
Eye Dropper Chrome Extension
4. FontFace Ninja
FontFace Ninja képes megjeleníteni információkat bármilyen betűtípusról bármely webhelyen. Letöltési hivatkozásokat tartalmaz ingyenes betűtípusokhoz, valamint lehetőséget a fizetős betűtípusok árának megjelenítésére.
A FontFace Ninja lehetőséget kínál a sötét mód használatára, a betűtípusok felismerésére a képeken (béta), valamint a könyvjelző-beállítások megjelenítésére.
FontFace Ninja Chrome-bővítmény
5. Oldalvonalzó
Page Ruler egy minimalista vonalzóbővítmény, amely lehetővé teszi a weboldalak szélességének és magasságának mérését. Számos billentyűparancsot, navigációt a szülő és gyermek elemek között, mérési irányelveket és lokalizációt tartalmaz 10 nyelven.
Page Ruler Chrome-bővítmény
6. Facebook Video Downloader
AFB Down könnyedén letölthet videókat a Facebookról és bármely más oldalról, ahol videólejátszás van. Használhatja az összes népszerű médiaformátum letöltésére, beleértve bizonyos szerzői joggal védett videókat (ha úgy dönt, hogy hang nélkül tölti le a videót).
A FB Down linkszagolóként működik a weboldalakon, és az ikon világít, ha letölthető tartalmat lát.
Facebook Video Downloader Chrome-bővítmény
7. PerfectPixel
PerfectPixel a WellDoneCode-tól, a legjobb kiterjesztés pixel-tökéletes webhelyek létrehozásához. Lehetővé teszi a képek fedvényekként történő beállítását, amelyeket összehasonlíthat a fejlesztői hellyel. Támogatja a billentyűparancsokat, a félig átlátszó képfedvényeket és egyebeket.
PerfectPixel Chrome-bővítmény
8. TinEye
ATinEye a tökéletes fordított képkereső eszköz, és elsőként alkalmazza a képazonosító technológiát kulcsszavak, metaadatok vagy vízjelek helyett. Úgy működik, hogy egyedi digitális aláírásokat hoz létre a képekhez, majd összehasonlítja az aláírásokat az indexében lévőkkel.
A TinEye nem csupán hasonló képeket ad vissza a keresési eredmények között, hanem pontos egyezéseket is, nem zárja ki a vágott, átméretezett és szerkesztett verziókat.
TinyEye Chrome Extension
9. CSS Pepper
CSS Pepper lehetővé teszi a CSS kivonatát (még a rejtett objektumokból is), és gyönyörű stíluskalauzokat készíthet jól szervezett módon. Ez lehetővé teszi a tervezőknek és a fejlesztőknek, hogy időt töltsenek a tervezéssel, mint a kódban való kereséssel.
CSS Pepper Chrome Extension
10. WhatRuns
WhatRuns tájékoztat minden webhelyen futó mindenről, beleértve a keretrendszereket, témákat, betűtípusokat, CMS-t stb.
Emellett követheti a webhelyeket, hogy a bővítmény értesítse Önt, ha új technológiákat adnak hozzá.
WhatRuns Chrome Extension
11. Muzli
Muzli egy ingyenes bővítmény, amely gyönyörű, inspiráló dizájn ezreit juttatja el közvetlenül a böngészőjébe új lap cseréje formájában .
Minden alkalommal, amikor új lapot nyit meg, a Muzli feltölti azt a legszebb mintákkal több mint 120 forrásból, például InVision, Muzli, Dribble, Product hunt, CNN, CSS Author stb.! Ez egy ékszer a tervezők számára.
Muzli Chrome-bővítmény
12. Méretek
Dimensions egy ingyenes, nyílt forráskódú bővítmény, amely intelligens módszert kínál az oldalelemek közötti távolság mérésére.
Keresse meg a kép- és HTML-elemek méreteit az egér viszonylagos húzásával és mozgatásával. A billentyűparancsokat is használhatja a munkához – csak ne felejtsen el beállítani egy billentyűparancsot a Chrome-bővítmények listájának végén, hogy váltson a bővítmény között, hogy a legjobb élményt élvezhesse.
Dimensions Chrome-bővítmény
Vannak más kiterjesztések is, amiket érdemes tudni pl. Checkbot célja, hogy javítsa SEO hírnevét, valamint a webhely általános sebességét és biztonságát azáltal, hogy ellenőrzi a hibás hivatkozásokat, a nem biztonságos oldalakat, az érvénytelen HTML/CSS/JS fájlokat, a címek ismétlődését és egyebeket. olyan problémák, amelyeket esetleg nem vesz észre a fejlesztés során.
És Check My Links, amely bejárja weboldalait, hogy megbizonyosodjon arról, hogy nincsenek hibás linkjei – ez ingyenes, de nem erős.
Vannak klassz bővítményei a tervezőknek és a fejlesztőknek, amelyekről tudnunk kell? Add hozzá őket az alábbi megjegyzések részhez.