40 Hyödyllisiä Google Chrome -laajennuksia Web-suunnittelijoille
Rakastan Google Chromea. Sen yksinkertaisuus, nopeus ja suorituskyky ovat epäilemättä huippuluokkaa. Mutta joskus liian yksinkertainen on myös ongelma, varsinkin meille web-suunnittelijoille, jotka luottavat voimakkaasti Firefox-lisäosiin, kuten Web Developer. Kävin pois Chromeista, ja vain siksi, että sillä ei ollut lisäystä vuonna 2008.
Mutta nyt kaikki muuttuu uudelleen. Ei ole yllätys, että muut geeksit ovat samaa mieltä Chromen kanssa, ja he päättivät luoda Chrome-laajennuksen, jolla on samanlainen toiminto kuin Firefox Addonilla. Kaivoin näihin laajennuksiin ja olin hyvin tyytyväinen heihin, joten päätin poimia 40 laajennusta, joka on erittäin hyödyllinen web-suunnittelijoille ja jaa teille.
Joten täällä ne ovat sinulle, vaihdat Chromeen ja lisäävät tuottavuuttasi.
Väri
Värinvalitsija
Aivan kuten nimensä mukaan, ColorPicker on kätevä laajennus, joka on luotu pääasiassa värin arvon valitsemiseksi mistä tahansa web-sivulta. Lisäksi voit valita alueen ja napsauttaa sitten väripalettia nähdäksesi, miten alueen värit muuttuvat koskettamatta mitään koodia.
Chrome-paletti
Onko päänsärky värivalikoiman löytämisessä kuvasta? Chrome-paletti ratkaisee ongelmasi tehokkaasti luomalla jopa 64 väripalettia verkkosivuston kuvasta suunnittelun tai inspiraation tarpeisiin.
Väri Tweaker
Color Tweaker voi muuttaa verkkosivuston väriä värinvalitsimena, mutta tarkemmalla menetelmällä. Syötä vain CSS-valitsin tähän laajennukseen ja näytä sitten tekstin, taustan ja reunavärin väri tahtosi mukaan.
Typografia
Fontin muokkausohjelma
Ei enää arvailua ja väsyttävää ohjelmien vaihtoa, Font Editorin avulla voit muokata ja tarkkailla fontin asetuksia, kuten kokoa, linjan korkeutta ja eloisaa versiota.
Google-fontin esikatseluohjelma
Kuten tämän nimen mukaan on määritetty, tämä laajennus mahdollistaa esikatselun fontin Google Font Directorysta tekstin muotoiluvaihtoehdoilla, jotka ovat koko, tyyli, paino ja varjot. Jos olet tyytyväinen tiettyyn fonttiin, voit kopioida ja liittää linkin ja CSS-koodin, joka on laajennuksessa Web-sivuston koodissa, jotta voit käyttää fonttia.
kehitys
Web-kehittäjä
Todennäköisesti web-suunnittelijan ja kehittäjän pakollinen laajennus. Web-kehittäjä pyrkii antamaan jokaiselle tarvitsemallesi tiedolle olemassa olevalta verkkosivustolta skriptiä tarkasteltaessa objektitietojen näyttämiseksi. Laajennus on myös aseistettu käyttökelpoisilla työkaluilla, kuten värivalitsimella, ikkunan muokkauksella, validoijalla jne.
Pendule
Kevyt ja kätevä kehittäjätyökalu, joka on samanlainen kuin Web-kehittäjä, mutta joka on varustettu vain tarvittavilla työkaluilla, kuten tyylin katseluohjelmalla, lähdekoodilla ja validatorilla.
Firebug Lite
Toisin kuin Firefoxissa, Firebug Lite tarjoaa Firefoxin kaltaisen visuaalisen esityksen HTML-elementteihin, DOM-elementteihin ja Box Model Sharingiin. Siinä on myös mahdollisuus tarkastella HTML-elementtejä hiirellä, ja voit muokata CSS-ominaisuuksia tämän laajennuksen avulla.
Stylebot
Stylebot antaa sinulle mahdollisuuden suunnitella minkä tahansa sivuston suoraan koskettamatta CSS-koodia, mikä säästää paljon kirjoitustöitä. Tämän laajennuksen paras ominaisuus on luultavasti sen kyky tuottaa CSS-koodia käyttöösi aina, kun teet muutoksen verkkosivustoon.
CSSViewer
Oletko kyllästynyt työntämään "Tarkasta elementtiä" aina kun haluat tietää, mitä CSS-tyyliä sovelletaan tiettyyn elementtiin? CSS Viewer auttaa näyttämään olennaisia tietoja, kuten fontin, värin ja elementin sijainnin.
Tyylitaulukko Reloader
Lataa uudelleen CSS-tyylitaulukko päivittämättä koko verkkosivustoa, mikä säästää huomattavasti odotusaikaa erityisesti suunnittelijalle, jolla on hidas internetyhteys.
BuiltWith Technology Profiler
Laajemman osan tämä laajennus on luettelo kaikista toteutetuista web-tekniikoista, kuten kehyksistä ja web-standardista, erittäin yksityiskohtaisilla tiedoilla.
IE-välilehti Multi
Todettu olevan samanlainen kuin alkuperäisessä Internet Explorerissa, IE-välilehti Multi on Internet Explorerisi Chromeen, joka tukee tonnia IE: n oletusominaisuuksia, kuten multi tabbing.
Window Resizer
Window Resizer -toiminnolla voit testata verkkosivustosi näytön tarkkuuden yhteensopivuutta standardien tai käyttäjän määrittämien näytön resoluutioiden kanssa.
HTML Validator
Yksi parhaista validointilaajennuksista, joka voi validoida online- tai localhost-sivun HTML-koodin joko automaattisessa tai manuaalisessa tilassa. Voit myös näyttää, että validointitulos näkyy verkkosivulla tai tarkastellaan sitä täysin uudessa välilehdessä.
Näky
Eri aihe- ja fonttiasetusten avulla Sight korostaa verkkosivuston lähdekoodia visuaalisesti miellyttävämpään muotoon.
PHP-konsoli
PHP: n erros, mutta ei tiedä mitä ja missä se on? PHP Console auttaa sinua näyttämään virheitä, poikkeuksia ja virheenkorjausviestejä ilmoituslomakkeessa.
JavaScript-API-haku
JavaScript API -haku lisää tuen Chrome Omniboxiin tai ns. Osoitepalkkiin, jos haluat etsiä JavaScript-toimintoja verkossa automaattisen täydennyksen avulla. Jos laajennus ei löydä etsimääsi toimintoa, se ehdottaa myös, että etsit liittyviä hakuja Google Codesearch-, Development- ja Coding Search -hakemistosta ja Mozilla Developer Network -hausta.
jQuery API -haku
Vaikka jQuery on osoittautunut johtavaksi Javascript-kirjastoksi, joka parantaa käyttökokemusta, jQuery API -haku antaa sinulle mahdollisuuden etsiä jQuery API: ta Chrome Omniboxista. Kirjoita vain "jq", jota seuraa tila omniboxissa, niin olet liikkeellä.
PHP-haku
Samanlainen kuin jQuery API -haku, tämä laajennus lisää tukea Chrome Omniboxiin etsimään PHP-koodia referenssikäyttöä varten.
tuottavuus
Keskity
Säilytetty pitämään itsesi pois aikaa vievästä verkkosivustosta, mutta ei koskaan tehnyt sitä onnistuneesti? Stay Focused toimii virtuaalisena ohjaajana, joka estää aikaa tuhlaavan verkkosivuston tietyn ajan, ja neuvoo sinua vakavasti, kun yrität avata tai vähentää sivuston estoaikaa. Se on myös aseistettu keskeisellä ominaisuudella, kuten ydinvoimalla ja haastetilalla, joka tappaa aikasi tuhlaa halua armottomasti.
PopChrom
PopChromilla voit määrittää omia pikakuvakkeita tekstilausekkeille, kuten 'ty' 'kiitos'. Aktivointiavain tarvitaan lyhenteen muuttamiseksi määritetyiksi tekstilausekkeiksi, joten valitse avainyhdistelmä, joka ei kaatu muiden pikavalintanäppäinten kanssa.
Quickrr Productivity Kit
Quickrr Productivity Kit tarjoaa joukon tärkeitä, mutta hyödyllisiä työkaluja, kuten kääntäjä, laskin, tehtävä-tehtävä, yksikkömuunnin jne..
Todoist
Helppo asentaa tilin avulla voit käyttää tätä tehtävähallintaohjelmaa, jotta voit kirjoittaa ja muokata kaikkia tehtäviä, jotka sinun täytyy suorittaa. Tämän laajennuksen paras osa on, että tehtävät tallennetaan verkossa, joten voit käyttää jokaisen Chromeen tehtävää, johon tämä laajennus on asennettu.
Ananke Timer
Seuraa tiettyyn tehtävään vietettyä aikaa tai tallenna aika, jonka olet käyttänyt tietyllä verkkosivustolla. Ananke-ajastin tukee myös moninkertaista seurantaa ja voit selata sitä, mitä olet seurannut aiemmin.
Chrome Toolbox
Googlen luoma Chrome-työkalupakki tuo sinulle mukautettuja ominaisuuksia, kuten välilehden käyttäytymisen muokkausta, lomakkeen tietojen palautusta ja pikakuvakkeen luomista, joka käynnistää ennalta määritetyt linkit kirjanmerkkikansiosta.
Chrome Page Extended
Kukaan ei halua klikata lisää, jos haluat käyttää tiettyä sivua, Chrome Page Extended on nopein pikakuvakkeenne, jotta pääset kaikkiin tarvittaviin Chrome-sivuihin, kuten laajennuksiin.
AppJump
AppJumpin avulla voit järjestää ja käynnistää nopeasti Chrome-sovelluksen selaimen työkaluriviltä.
Bookmark Bar Switcher
Liian monta kirjanmerkkiä ja niitä ei voitu järjestää tehokkaasti? Boorkmark Bar Switcherilla voit luoda upouusi kirjanmerkkipalkin ja vaihtaa niiden välillä helposti.
TabCloud
Tallenna Windows-istunnot ja palauta ne myöhemmin millä tahansa TabCloud-tietokoneella, joka säästää paljon aikaa eri verkkosivustojen uudelleen avaamisesta kirjanmerkkikansioon eri osista.
resursointi
Samankaltaiset sivut
Hakukoneiden jättiläinen Google on kehittänyt samankaltaisia sivuja verkosta, jossa on samanlainen verkkosisältö, jota olet lukenut ja kiinnostunut löytämään lisää.
Yleinen haku
Resurssit ja viittaukset ovat helpompia Universal Searchin avulla, mikä antaa sinulle hakukentän, jossa on mahdollisuus hakea Wikipediasta, Bingistä ja muista hakukoneista. Hakukenttä avautuu myös, kun korostat mitä tahansa tekstiä tällä hetkellä katsomassasi verkkosivustossa.
Awesome-näyttökuva
Täysin mahtava kuvakaappaus, joka tallentaa minkä tahansa sivuston osan ja merkitsee sen suorakulmioilla, ympyröillä, nuolilla, viivoilla ja tekstillä. Voit viedä kuvakaappauksen PNG-tiedostomuodossa tietokoneeseen tai verkkoon.
Leikkaa Evernoteen
Evernoten virallinen laajennus, jonka avulla voit hakea ja huomata löytösi verkossa ja sitten ladata Evernoteen. Laajennus tukee myös ominaisuutta, jolla voit etsiä ja synkronoida tallennetun muistiinpanon.
Diigo
Käytä Diigoa korostamaan, kommentoimaan tai lähettämään tarralapuja yksityisesti tai julkisesti Web-sivulle, jotta voit katsella sitä milloin tahansa, kun tulet verkkosivulle.
Thinkery
Ajattele Thinkeryä online-aivoissasi, tallenna sitten linkin osoite ja tekstin valinta siihen katsellaksesi myöhemmin.
muistiinpanoni
Huomautusten tekemisen pitäisi olla helppo prosessi, ja myNotes-sovelluksen avulla voit valita valittua tekstiä vain yhdellä napsautuksella kontekstivalikossa.
Microstock Photo Power Search
Luultavasti ainoa hakulaajennus, jolla voit etsiä laadukkaita valokuvakuvia tunnetuista toimistoista kuten Fotolia, Dreamstime ja Shutterstock.
Heijastus
Koska Chrome-laajennukset ja sovellukset kasvavat edelleen ja kehittyvät villisti, on mahdollista, että yhä useammat Firefoxin rakastajat ottavat Google Chromen käyttöön oletusselaimena. Sanotko, että muutat kasvosi Google Chromen nykyiseen laajennusten ja sovellusten määrään? Mikä on laajennus, sovellus tai ominaisuus, joka motivoi sinua siirtymään Google Chromeen?
Jaa myös meille, jos sinulla on mukava laajennus Chromeen, siellä on aina tilaa erinomaiselle työkalulle!
