25 + Must-Chrome-laajennukset Web-suunnittelijoille ja kehittäjille
Monille web-suunnittelijoille ja kehittäjille Firefox on ylivoimainen. Muille Firefox syö Chromen pölyä.
Kahden viime vuoden aikana, koska Google Chrome julkaisee, on ollut järkyttävää keskustelua siitä, mikä selain on parempi. Mozillan avoimen lähdekoodin tuote on kestänyt testin ajan ja Firefox on nopeasti tullut käytetyin selain, ylittäen Microsoftin Internet Explorerin.
Älä kuitenkaan pahoillani Google Chromessa. Chrome on jo alkuvaiheessa saavuttanut toiseksi suosituimman, koska se on jo ylittänyt Internet Explorerin ja jolla on suuret mahdollisuudet ylittää Firefox.
Vaikka Firefox on vankempi (lähinnä sen suosion vuoksi), Chrome on salamannopea ja uusia laajennuksia päivittäin, jännittävä vaihtoehto vakavalle web-suunnittelijaa varten.
Täältä löydät työkaluja, jotka tekevät Chromesta hyödyllisen sinulle suunnittelija tai kehittäjä. Onneksi Chromella on kasvava kokoelma laajennuksia, jotka tekevät siirtymisen Firefoxista paljon helpompaa.
1. AppJump App Launcher ja Järjestäjä
Kun olet lopettanut tämän luettelon kaikkien laajennusten lataamisen, sinun on ehdottomasti oltava järjestäjä. AppJump on Chrome-laajennus, jonka avulla voit etsiä ja käynnistää sovelluksesi ja muut laajennukset nopeasti työkalurivin pudotusvalikosta. AppJumpin hieno ominaisuus on kyky järjestää sovelluksia ja laajennuksia eri ryhmiin. Voit esimerkiksi jakaa työn laajennukset helposti henkilökohtaisilta, tehokkaamman ajanhallinnan helpottamiseksi.
2. Mahtava kuvakaappaus
Mahtava kuvakaappaus elää nimensä mukaisesti. Tämä mahtava laajennus mahdollistaa otoksen ottamisen koko tai osittaiselta sivulta. Kuvakaappauksen ottamisen jälkeen voit ympyröidä tai korostaa asiaankuuluvia osia, pilata merkityksettömiä osia ja tehdä kommentteja. Sinulla on mahdollisuus tallentaa paikalliseen tai lähettää ja vastaanottaa kuvan linkkiä jakamiseen.
3. Aviary Screen Capture
Kun olet vaurioitunut runoilusta noin Awesome Screenshot yllä, saatat ihmetellä, miksi kaksi näytön kaappaus laajennukset lisätään tähän luetteloon. One downside on Awesome Screenshot, että se vaatii pääsyn kaikkiin tietokoneen tietoihin ja selaushistoriaasi. Niille käyttäjille, jotka kokevat yksityisyyden tunteen, Lintuhuone on täydellinen vaihtoehto.
4. Chrome Sniffer
Chrome Sniffer voit tarkistaa minkä tahansa verkkosivuston puitteet. Se etsii ja näyttää minkä tahansa tunnetun sisällönhallintajärjestelmän (CMS) tai JavaScript-kirjaston verkkosivustolla. Tämä laajennus on erinomainen niille mielenkiintoisille verkkosivustoille, jotka jättävät sinut miettimään, "miten on niin inhimillisesti mahdollista?" Tällä hetkellä Chrome Sniffer voi havaita yli 100 kehystä.
5. Tallennustila
On valtava muutos toimimasta paikallisesti työskentelemään pilvessä. Suunnittelijoina ja kehittäjinä olet tottunut työskentelemään internetissä, mutta tallentatko myös tärkeitä tiedostoja verkossa? Jos teidän tekosyyksi on, että se ei ole niin kätevä, sinun kannattaa ottaa vakavasti katse Cloud Save . Cloud Save -sovelluksella voit tallentaa tiedostoja mistä tahansa verkkosivustosta tuettuihin pilvipalveluihin. Tallenna Amazon Cloud Drive, Dropbox ja Flickr.
6. koodi Cola
Koodi Cola on laajennus, jonka avulla käyttäjät voivat muokata yksittäisiä sivuja verkkosivuston sisällä. Laajennuksen avulla voit klikata sivuston aluetta ja muokata CSS automaattisesti.
7. Corporate Ipsum
Corporate Ipsum on hauska vaihtoehto standardin Lorem Ipsum -tekstin täyteaineelle. Tämän laajennuksen avulla sivustosi voi populoida "yritysten" puhujilla ja buzz-sanoilla. Esimerkki Corporate Ipsum -yrityksestä on "Yrityksen laaja-alainen tieto monitoimisten ideoiden kanssa." Tämä laajennus perustuu samannimiseen suosittuun Mac-widgetiin.
8. Diigo Bookmark, Archive, Highlight ja Sticky Note
Diigo on lyhyt Digest of Internet Information Groups ja muita juttuja. Se on verkkotutkimustyökalu, jonka avulla käyttäjät voivat hallita tietoja. Korosta verkkosivuja useissa eri väreissä, tee tahmeita muistiinpanoja, vaihda sivuja sosiaalisen verkoston kautta ja luo ryhmät jakamaan tutkimustasi.
9. Drag2up
Drag2up on helppokäyttöinen tiedostojen liittämisjärjestelmä. Sen sijaan, että napsautat eri ikkunoiden läpi, vedä tiedosto, jonka haluat liittää tietokoneesta syöttökenttään. Vaihtoehtoisesti voit ladata tiedostoja eri hosting-sivustoille, kuten Flickr, ImageShack, Twitpic ja Box.net. Tämä laajennus on helposti yksi välttämättömistä latauksista.
10. Silmäkuoppaaja
Jokainen silloin tällöin kohtaat täydellisen vihreän sävyn, jonka on sisällytettävä web-suunnitteluun. Eye Dropper Silmäkuoppaaja laajennus mahdollistaa tarkan sävyn löytämisen. Se seuraa myös värejä.
11. Firebug Lite
pyromaani on erinomainen työkalu, joka tekee Firefoxista siirtymisen vaikeaksi ja jättää sen jälkeensä. Onneksi Chromella on Firebug Lite -laajennus, joka tarjoaa samanlaisen tehtävän. Firebug Lite toimii Chrome-kehitystyökalujen rinnalla, jotta kehittäjät voivat tarkastella ja muokata HTML- ja DOM-elementtejä. Sen avulla voit myös suorittaa virheenkorjauksen. Firebug Lite on itse asiassa JavaScript-tiedosto, joka toimii kuin alkuperäinen Firebug, kun se asetettiin web-sivulle.
12. Greplin
Greplin on laajennus, jonka avulla voit hakea yksityisiä tietoja. Tämän laajennuksen avulla voit etsiä tietoja, joita lähetät useilla sosiaalisilla verkkosivustoilla, kuten Twitterissä, Facebookissa tai jopa Gmailissa. Se indeksoi tiedot helppokäyttöiseksi. Ruoppauksen sijasta historiaasi voit helposti hakea tietoja Greplinin kanssa.
13. HTML Instant
HTML Instant on reaaliaikainen HTML. Siinä on jaettu näyttö. Kun kirjoitat koodin jaetun näytön vasemmalla puolella, näet tulokset automaattisesti oikealla puolella. HTML Instant ei toimi vain HTML: n kanssa, mutta se tukee myös CSS: ää ja JavaScriptia. Voit myös lähettää kuvia Image Shack, Photobucket tai satunnainen verkkosivusto, joka on hosting kuva. Tämä HTML-editori on erittäin käyttäjäystävällinen, aloittelijan suunnittelija.
14. IE Tab
IE Tab IE Tab laajennuksen avulla voit tarkastella verkkosivua simuloitua Internet Explorer -ohjelmaa samalla, kun käytät Chrome-selaimeesi. Internet Explorer on edelleen useimpien Internet-käyttäjien suosituin selain. Ja vielä on joitain sivustoja, jotka toimivat parhaiten tai jopa yksinomaan Internet Explorerin kanssa. Tämä välilehti mahdollistaa Internet Explorerin käyttämättä uhrata ihmisarvoa. Ensinnäkin IE-välilehti toimii vain Windowsissa. Tämä johtuu siitä, että se käyttää Windowin sisäänrakennettua renderöintikonetta Internet Explorerille. Tästä syystä Mac-käyttäjät ovat epäonnenneet tästä.
15. Kuvan ominaisuudet kontekstivalikko
Kuvan ominaisuudet kontekstivalikko on hyödyllinen Chrome-laajennus, joka tarjoaa tietoja kaikista valittuun kuvaan liittyvistä asioista. Käyttäjät voivat löytää sekä sijainnin että kuvan lähteen. Se näyttää myös kuvan mitat ja tiedostokoko. Se on yksinkertainen mutta tehokas laajennus, joka ei missään tapauksessa kuulu Chrome-selaimeen.
16. MeasureIt!
MeasureIt on viivaaja, jonka avulla voit etsiä minkä tahansa elementin mittasuhteet verkkosivulla. Napsauta laajennusta ja vedä viivoitin löytääksesi mitat nopeasti ja helposti.
17. Microstock Photo Power Search Tool
Mikä erottaa hyvän web-suunnittelija suuresta web-suunnittelija on tietää missä mennä varastossa kuvia. Jokainen suunnittelija tietää, että oikean kuvan löytäminen on yksi suunnittelun kaikkein aikaavievistä osista, varsinkin jos sinulla on useita lähdekoodeja. Tämä laajennus voit etsiä microstockia viidestä parhaista varastovirastoista, mukaan lukien Dreamstime, Fotolia ja Shutterstock.
18. Paletti Chromelle
Palette for Chrome Paletti Chromelle laajennus on heti hyödyllinen. Napsauta hiiren kakkospainikkeella mitä tahansa kuvaa, jota haluat käyttää. Tämä laajennus luo 16, 24 tai 32 väripalettia. Vaihtoehtoisesti voit myös luoda mukautetun paletin. Käytä tätä laajennusta sisällyttämällä ja välittämään värit suosikkikuvaasi web-suunnitteluun.
19. Pendule
Tehokas Pendule Laajennus yhdistää useita tässä luettelossa olevia laajennuksia. Pendule avulla voit tarkastella ja muuttaa Javascript ja CSS. Voit myös tarkastella tiettyjä kuvia koskevia tietoja tai piilottaa ne kokonaan. Se on vankka kehitystyökalu, joka sisältää värivalitsimen, HTML- ja CSS-validoijan sekä linkkitarkistuksen.
20. PlainClothes
plainclothes on hauska ja hyödyllinen laajennus, jonka avulla voit nähdä sivuston paljaat luut. Joskus on helpompi nähdä virheitä suunnittelussa tai analysoida, miksi se toimii niin hyvin, kun se menee mustavalkoiseksi. PlainClothesin avulla voit liittää verkkosivun yhteen tekstiväriin, yhteen taustaväriin ja yhteen linkkiin. Linkit on alleviivattu, teksti on oletusarvo ja yhtäkkiä olet vuonna 1998 uudelleen. Itse asiassa PlainClothes toimii erittäin hyvin lisäämällä esteettömyyttä Web-suunnitteluun.
21. Tarkkuustesti
Muuta selaimen kokoa testataksesi verkkosivustoasi eri resoluutioissa. Tarkkuustesti mukana on ennalta määritetyt tarkkuuskoot, mutta voit myös katsella omalla määritellyllä resoluutiolla.
22. Haku kuvan mukaan
Haku kuvan mukaan on yksi Chrome-laajennuksistani. Tämän laajennuksen avulla voit etsiä tiettyä kuvaa eri verkkosivustoilla. Haku Image-nimellä on myös mahdollisuus löytää samankaltaisia kuvia. Napsauta hiiren kakkospainikkeella mielenkiintoista kuvaa ja valitse "etsi Google tästä kuvasta". Löydät sivuja, jotka sisältävät vastaavia kuvia tai ovat visuaalisesti samanlaisia.
23. Istuntopäällikkö
Session Manager Istunnonhallinta Laajennus tallentaa kaikki tällä hetkellä avatut välilehdet myöhempää lukemista varten. Tämä laajennus on erittäin hyödyllinen, jos useimmat löytävät itsellesi avaavan samoja sivuja yhä uudestaan. Ryhmitä ja tallenna siihen liittyvät välilehdet Session Managerissa. Voit esimerkiksi yhdistää kaikki sosiaalisen verkostosi sivustot yhteen niin, että voit nopeasti käyttää niitä ilman erillistä avaamista. Sulje ne niin nopeasti, varmasti, että välilehdesi tallennetaan.
24. TabJump
Samanlainen kuin istuntopäällikkö, TabJump menee askelen jälkeen. Sen lisäksi, että se hallitsee välilehtiä, tämä laajennus voi myös lukita välilehdet estäen sinua sulkemasta tärkeän välilehden vahingossa. Jos suljet välilehden vahingossa, TabJumpin avulla voit avata sen uudelleen, mutta muista, että laajennukset eivät voi palauttaa historiaa.
25. TooManyTabs
Koska selaimen välilehden hallinta ei voi olla tarpeeksi laajennuksia, TooManyTabs on toinen must-have. Tämä laajennus näyttää kaikkien avaamiesi välilehtien pikkukuvan. Tämä on kätevää, kun käytät niin monta välilehteä, että et enää voi lukea välilehtien otsikoita. Ottamalla visuaalinen apu auttaa sinua lajitella työtilanne tehokkaasti.
26. Web-kehittäjä
Web-kehittäjä on toinen kattava kehittäjätyökalu. Se on sama kehittäjä, joka kirjoitti villisti suosittu Firefox-laajennus. Tämän laajennuksen avulla käyttäjät voivat tarkastella ja muokata CSS-tiedostoja, näyttää kuvatiedoston kokoa ja tyhjentää istunnon evästeet.
27. WhatFont
Useimmille web-suunnittelijoille fontit ovat eräänlainen iso juttu. Oletko koskaan sattunut satunnaisella verkkosivustolla ja löytänyt täydellisen fontin, vain etsimään loputonta koodia vastauksille? Jos pidät asioista yksinkertaisina, asenna tämä kirjasin löytäminen . Siirrä hiiren osoitin tekstin päälle ja etsi fontti käytössä. Tämä laajennus ei vain kerro fontin nimeä, vaan se antaa myös kirjasimen koon ja värin.
Onko sinulla mitään suosikki-laajennuksia, jotka eivät ole tehneet tätä luetteloa? Jaa se kanssamme kommentteihin.