Tartalom
- 01. Egyszerűsítse a Gmailt
- 02. Spektrum
- 03. CSS Scan 2.0
- 04. Amino
- 05. Sizzy
- 06. Honlap paletta
- 07. Checkbot
- 08. Toby
- 09. DomFlags
- 10. Kiemelés
A Chrome fejlesztői eszközei nagyszerűek, de még izgalmasabb funkciókat is hozzáadhat az internetböngészőjéhez a webes tervezés és fejlesztés megkönnyítése érdekében.
Természetesen rengeteg más eszköz van a dolgok felgyorsítására, olvassa el kedvenc webdesign eszközünk bejegyzését. Most azonban itt van 30 kedvenc Chrome-bővítményünk webdesignerek és fejlesztők számára.
01. Egyszerűsítse a Gmailt
Ha úgy találja, hogy a Gmail egy kicsit túl rendetlen a maga érdekében, köszönjön az Egyszerűsített Gmail-nek, amely elsöpri az összes törmeléket és rossz felhasználói felület-döntéseket, amelyek az elmúlt évek során belopakodtak. A Gmail korábbi vezető tervezője, Michael Leggett hozta létre, megszabadul minden zavaró rendetlenségtől, és egy lecsupaszítottabb és funkcionálisabb verziót kínál.
02. Spektrum
Valamilyen színvakság világszerte körülbelül 200 millió embert érint, de az étkezésük gyakran kevés a tervezők akadálymentességi listáján. A Spectrum segítségével azonban gyorsan tesztelheti webhelyét a színlátás különböző típusai ellen, és biztosíthatja, hogy minden tiszta legyen.
03. CSS Scan 2.0
A Chrome Dev Tools egy praktikus módja annak, hogy ellenőrizzük a motorháztető alatt, hogy lássuk, hogyan működik egy webhely, de a CSS Scan 2.0 még könnyebb, ha CSS-t szeretne megnézni. Vigye az egérmutatót bármely elem fölé, és annak CSS-je megjelenik egy előugró nézetben, amely lehetővé teszi annak szabályainak egyetlen kattintással történő másolását. Használhatja bizonyos elemek másolásához témákból vagy sablonokból, hogy a saját használatához alkalmazkodjon, és kiválóan alkalmas saját kód hibakeresésére.
04. Amino
Itt van egy másik nagyszerű CSS eszköz. Az Amino egy élő CSS-szerkesztő, amelynek segítségével stíluslapokat készíthet a böngészőben, és valós időben alkalmazhatja azokat a webhelyeken. Ez hatékonyan lehetővé teszi, hogy állandóan változtasson minden meglátogatott webhelyen, és ha Google-fiókjával van bejelentkezve a Chrome-ba, akkor a stíluslapokat szinkronizálják, hogy azok elérhetők legyenek a Chrome-ból az összes asztali eszközön.
05. Sizzy
Az érzékeny webdizájn manapság adott, és Önnek egy egyszerű módot szeretne arra, hogy terveit több nézetablakban ellenőrizze, érdemes megnézni a Sizzyt. Ez egy interaktív nézetet jelenít meg az oldaladon, amelyet számos különböző eszközméreten rendereltek, valamint szimulált eszköz billentyűzetet is megjeleníthet és elrejthet, valamint válthat álló és fekvő mód között.
06. Honlap paletta
Amikor legközelebb olyan webhelyet lát, amely nagyszerűen használja a színeket, íme egy egyszerű módja annak kihasználására. A Site Palette kivonja a webhely fő színeit, és megosztható palettát hoz létre, amelyet könnyen megmutathat az együttműködőknek. Letölthet egy Sketch sablont is, és van Adobe Swatch támogatás is.
07. Checkbot
Annak biztosítása, hogy a webhelyén található összes link valóban működjön, az azonnali felhasználhatóságot nyer, és ez egy jó módja a SEO javításának is. A Checkbot egy Chrome kiterjesztés, amely ellenőrzi a meghibásodott hivatkozásokat, az ismétlődő címeket, az átirányítási láncokat, az érvénytelen HTML / JS / CSS-t és még sok mást, így gyorsan ellenőrizheti a webhelyen a hibás linkeket és javíthatja azokat.
08. Toby
Általánosan elismert igazság, hogy mire pár órája nyitva van a Chrome, zavaró fészek lesz a kisujja szélességű füleknél. Toby remek módja megszelídíteni őket; ezzel az összes lapot linkgyűjteményekbe rendezheti, a rengeteg könyvjelző alternatívájaként, így sokkal könnyebben kezelhetővé válik.
09. DomFlags
Gyökeresen felgyorsítja a stíluselemek folyamatát a DomFlags segítségével, ez egy igazán nagyszerű kiterjesztés, amely lehetővé teszi a DOM-elemek billentyűparancsainak létrehozását. Olyan, mintha könyvjelzők lennének a DOM-ban való navigáláshoz; ez megváltoztatja a DevTools-szal való együttműködés módját.
10. Kiemelés
Ez egy érdekes módja annak, hogy bevonja az embereket a beszélgetésbe: lehetővé teszi, hogy megossza az internetes cikkek kiemelését, így felhívhatja a figyelmet az írás legjelentősebb részeire.
Következő: További 10 Chrome-bővítmény
