15 Chrome-bővítmény webtervezőknek és fejlesztőknek
A Google Chrome-ot használom fő webböngészőként. Miért? Mivel gyors, könnyen használható, megbízható, biztonságos, könnyen használható, nagymértékben testreszabható, és saját webáruházzal rendelkezik. Ha még nem használja a Google Chrome-ot, akkor nagyon fontolja meg. Legalább telepítse, és próbálja használni kb. Egy hétig.
Webdesignerként vagy fejlesztőként valószínűleg sok időt tölt a Chrome-ban. A legjobban a Chrome-ot használóknál lep meg az, hogy nem használják ki a bővítmények előnyeit.
A kiterjesztések alapvetően egyedi eszközök, amelyek lehetővé teszik a Chrome teljes kiaknázását. Például képernyőképeket készíthet egy kattintással vagy egy gombbal, megoszthat weboldalakat barátaival, irányíthatja a zenéjét, rangsorolási információkat kaphat a különféle webhelyekről és még sok minden mást.
A Chrome áruházban vannak olyan bővítmények, amelyek növelik a termelékenységet és javítják az általános munkafolyamatot. Tehát felhasználhatja azokat az eszközöket is, amelyek megkönnyítik az életét. A legjobb az egészben, hogy mind * ingyenesek!
Nézze meg ezeket a 15 Chrome-bővítményt, amelyek segíthetnek munkájában:
1121 jelentése
Tartalomjegyzék
- 1. FireBug Lite
- 2. WhatFont
- 3. Chrome Sniffer
- 4. Code Cola
- 5. ColorZilla
- 6. Szalag
- 7. Felbontási teszt
- 8. Speed Tracer
- 9. lorem ipsum generátor
- 10. Internet Explorer fül
- 11. Alexa forgalmi rang
- 12. Microstock Photo Power Search eszköz
- 13. Paletta Chrome-hoz
- 14. TooManyTabs
- 15. SimaRuházat
1. FireBug Lite
A FireBug egy jól ismert FireFox kiegészítő, amely a Chrome-ba került. Különösen hasznos a kód hibakeresésében. Ez lehetővé teszi a JavaScript, a HTML és a CSS élő webes monitorozását is.
2. WhatFont
A WhatFont segítségével a tervezők egyszerű lebegéssel felfedezhetik, hogy milyen betűtípust használnak a weboldalon. Ezt kitalálhatja a FireBug használatával és a kód beolvasásával is, de ez a kiterjesztés sokkal könnyebbé teszi.
3. Chrome Sniffer
Megnéztél már egy weboldalt, és arra gondoltál: 'Hogyan is lehetséges ez?' A Chrome Sniffer segítségével megtudhatja, hogyan. Meg tudja mondani a legtöbb weboldal kereteit. Jelenleg több mint 100 keretet képes felismerni.
Telepítés
4. Code Cola
A Code Cola lehetővé teszi a felhasználók számára a CSS vizuális szerkesztését. Ez azt jelenti, hogy a felhasználók rákattinthatnak egy weboldal egyik területére, és könnyen kezelhetik a CSS-t. Ez potenciálisan sok időt takaríthat meg a tervezők számára.
5. ColorZilla
A ColorZilla tartalmaz egy színválasztót, egy szemcseppentőt és a gradiens generátor . Van néhány fejlettebb is színes eszközök . A színválasztóval meghatározhatja a weboldal bármely részének HTML színét, és mentheti ezt a színt egy egyéni palettára. Mindenkinek szüksége van egy színválasztóra, és a ColorZilla az egyik legjobb.
6. Szalag
A szalag tökéletes azoknak a tervezőknek, akik tökéletes elrendezést akarnak biztosítani. Könnyedén meghatározhatja az elemek méretét olyan útmutatók lefektetésével, amelyek az oldal tartalmához simulnak. Az elemek méreteinek meghatározásához már nem kell képernyőképeket készítenie.
7. Felbontási teszt
A webtervezőknek és fejlesztőknek különböző felbontásokban kell kipróbálniuk weboldalukat, de mi a legjobb módja ennek? A Chrome-nak a Resolution Test kiterjesztése lehetővé teszi a felhasználók számára, hogy megváltoztassák a böngészőablak méretét, hogy különböző felbontásban jelenítsék meg webhelyüket. Választhat a szokásos képernyőfelbontások közül, vagy megadhat egyedi.
8. Speed Tracer
Volt már olyan helyzetben, hogy a webhelye lassan töltődik be, és nem tudta kideríteni, miért? A Speed Tracer segíthet. A Speed Tracer megtalálhatja a JavaScript, CSS, időzítő tüzek és egyebek által okozott problémákat.
9. lorem ipsum generátor
Néha szövegre van szükséged az oldal kitöltéséhez, így képet kaphatsz arról, hogy hogyan fog kinézni kitöltéskor. Lorem Ipsum A Generator lehetővé teszi, hogy pontosan ezt tegye. Kiválaszthatja, hogy bekezdésenként hány szót és hány bekezdést szeretne. Soha nem volt ilyen egyszerű kitölteni webhelyét tartalommal.
Telepítés
10. Internet Explorer fül
Fejlesztés vagy tervezés során különféle böngészőkben kell tesztelnie webhelyét, amelyek közül az egyik az Internet Explorer. Az Internet Explorer lap segítségével könnyedén megtekintheti webhelyét IE-ben a Chrome-on keresztül. Ez egy eggyel kevesebb böngésző, amelyet meg kell nyitnia.
11. Alexa forgalmi rang
Webfejlesztőként vagy tervezőként valószínűleg érdekli, hogy mennyi forgalmat kapnak más webhelyek. Az Alexa A Forgalmi rang lehetővé teszi, hogy lássa, mennyi forgalmat ér el egy webhely. Ez érdekes statisztika lehet. Akár a saját webhelyén is használhatja, annak ellenére, hogy valószínűleg más módja van ennek meghatározására.
12. Microstock Photo Power Search eszköz
Az állományképek keresése időigényes és irritáló lehet. A Microstock Photo Power Search Tool nagyon megkönnyíti ezt a folyamatot. Ez a kiterjesztés lehetővé teszi az 5 legjobb stock képügynökség, például a Fotolia és a Shutterstock stock képeinek keresését.
Telepítés
13. Paletta Chrome-hoz
A Chrome paletta szórakoztató és hasznos eszköz a webdesignerek számára. Bármely képet kiválaszthatja, és létrehozhat egy szín paletta abból a képből. Készíthet palettákat 16, 24 vagy 32 színnel. Ha van kedvenc képe, létrehozhat egy szín paletta abból, és használja azt szín paletta webhelyének kialakításában.
Telepítés
14. TooManyTabs
Webhely fejlesztése közben rengeteg böngészőfül nyílik meg. A TooManyTabs segít kezelni őket. Ez a Chrome-bővítmény lehetővé teszi a megnyitott lapok indexképének megtekintését. Könnyű elfelejteni, ha van nyitva egy bizonyos fül, de a TooManyTabs ugyanolyan könnyen megtalálhatja.
15. SimaRuházat
A PlainClothes lehetővé teszi egy webhely megtekintését fekete és fehér . Ez segíthet abban, hogy hibákat találjon a weboldalakon, vagy kitalálja a dolgok működését. Hasznos eszköz, amelyet mind a saját webhelyén, mind más webhelyeken használhat.
A Chrome rengeteg kiterjesztéssel rendelkezik webfejlesztők és tervezők számára, amelyek mindegyike valami egyedit kínál. A fenti lista 15 eszközt tartalmaz, amelyek hasznosak a legtöbb webdesigner számára. Ha azonban konkrét igénye nem teljesül a fenti kiterjesztéssel, áttanulmányozhatja a Chrome Internetes áruházát, és ellenőrizheti, hogy létezik-e Önnek bővítmény.
Oszd Meg A Barátaiddal:
