Sisältö
- 01. Yksinkertaista Gmailia
- 02. Taajuus
- 03. CSS Scan 2.0
- 04. Amino
- 05. Sizzy
- 06. Sivustopaletti
- 07. Checkbot
- 08. Toby
- 09. DomFlags
- 10. Highlighter
Chromen Kehitystyökalut ovat hienoja, mutta Internet-selaimeesi on mahdollista lisätä vielä jännittävämpiä ominaisuuksia, jotta web-suunnittelu ja kehittäminen olisi helpompaa.
Tietenkin on olemassa paljon muita työkaluja, jotka nopeuttavat asioita, katso suosikkisivumme suunnittelutyökalut. Toistaiseksi tässä on kuitenkin 30 suosikki Chrome-laajennustamme verkkosuunnittelijoille ja kehittäjille.
01. Yksinkertaista Gmailia
Jos huomaat, että Gmail on hiukan liian sotkuinen omaksi hyödykseen, tervehdi Simplify Gmailia, joka pyyhkii pois kaikki roskat ja huonot käyttöliittymän päätökset, jotka ovat hiipineet siihen viime vuosina. Gmailin entisen pääsuunnittelijan, Michael Leggettin luoma, se poistaa kaiken häiritsevän sekaannuksen ja antaa sinulle entistä riisutun ja toimivan version.
02. Taajuus
Jonkinlainen värisokeus vaikuttaa noin 200 miljoonaan ihmiseen maailmanlaajuisesti, mutta heidän tarjoamisensa on usein vähäistä suunnittelijoiden esteettömyysluettelossa. Spectrumilla voit kuitenkin testata sivustosi nopeasti erityyppisillä värinäön puutteilla ja varmistaa, että kaikki on selvää.
03. CSS Scan 2.0
Chromen Kehitystyökalut ovat kätevä tapa tarkistaa konepellin alla, miten sivusto toimii, mutta CSS Scan 2.0 on vielä helpompaa, jos se on CSS, jota haluat tarkastella. Vie hiiri minkä tahansa elementin päälle, ja sen CSS ilmestyy ponnahdusikkunaan, jolloin voit kopioida sen säännöt yhdellä napsautuksella. Voit käyttää sitä kopioimaan tiettyjä elementtejä teemoista tai malleista omaan käyttöösi, ja se sopii erinomaisesti oman koodisi virheenkorjaukseen.
04. Amino
Tässä on toinen hieno CSS-työkalu. Amino on live CSS -editori, jonka avulla voit luoda tyylisivuja selaimessa ja käyttää niitä reaaliajassa verkkosivustoissa. Sen avulla voit tehdä pysyviä muutoksia kaikkiin vierailemiinne sivustoihin. Jos olet kirjautuneena Chromeen Google-tililläsi, tyylitaulukot synkronoidaan siten, että ne ovat käytettävissä Chromelta kaikilla työpöydällesi laitteilla.
05. Sizzy
Reagoiva verkkosivujen suunnittelu on nykyään tietty asia, ja haluat, että Sizzy on yksinkertainen tapa tarkistaa suunnittelusi useissa näkymissä. Se näyttää interaktiivisen näkymän sivullasi, joka on renderoitu useilla eri laitteen näyttökokoilla, ja voit myös näyttää ja piilottaa simuloidun laitteen näppäimistön sekä vaihtaa pysty- ja vaakatilan välillä.
06. Sivustopaletti
Seuraavan kerran, kun näet sivuston, jossa käytetään paljon värejä, tässä on yksinkertainen tapa hyödyntää sitä. Sivustopaletti poimii päävärit verkkosivustolta ja luo jaettavan paletin, jonka voit helposti näyttää yhteistyökumppaneille. Voit myös ladata Sketch-mallin, ja siellä on myös Adobe Swatch -tuki.
07. Checkbot
Varmista, että kaikki sivustosi linkit todella toimivat, on välitön käytettävyyden voitto ja se on hyvä tapa parantaa hakukoneoptimoijaasi. Checkbot on Chrome-laajennus, joka tarkistaa rikkinäiset linkit, päällekkäiset otsikot, uudelleenohjausketjut, virheellisen HTML / JS / CSS: n ja paljon muuta, jotta voit nopeasti tarkistaa sivustosi virheellisten linkkien varalta ja korjata ne.
08. Toby
On totta, että yleisesti tunnustetaan, että siihen mennessä, kun Chrome on ollut auki muutaman tunnin ajan, se on hämmentävä pesä välilehdillä, joiden leveys on pienellä sormellasi. Toby on loistava tapa kesyttää heitä; sen avulla voit järjestää kaikki välilehdet linkkikokoelmiksi vaihtoehtona yksittäisille kirjanmerkeille, mikä tekee niistä helpompaa hallita.
09. DomFlags
Nopeuta radikaalisti elementtien muotoiluprosesseja DomFlagsilla, joka on todella hieno laajennus, jonka avulla voit luoda pikanäppäimiä DOM-elementeille. Se on kuin kirjanmerkkien selaaminen DOM: ssä; tämä muuttaa tapaa työskennellä DevToolsin kanssa.
10. Highlighter
Tämä on mielenkiintoinen tapa saada ihmiset keskusteluun: Voit jakaa erittäin nopeasti kohokohtia verkossa olevista artikkeleista, jotta voit kiinnittää huomion kirjoituksen merkittävimpiin osiin.
Seuraava: 10 muuta Chrome-laajennusta