Tänään jaan kanssasi kuratoidun luetteloni 12 Chrome-laajennuksesta suunnittelijoille ja kehittäjille. Olen innoissani siitä, että tämä on osaamisalueeni, joten mennään suoraan asiaan.
1. Suuri henkari
The Great Suspender on ilmainen ja avoimen lähdekoodin Google Chrome -laajennus, joka minimoi Chromen käyttämän muistin. Se tekee tämän keskeyttämällä automaattisesti välilehdet, jotka ovat olleet lepotilassa.Konepellin alla se poistaa uinuvilta verkkosivuilta niiden grafiikan, JS:n jne.
The Great Suspender Chrome Extension
2. UX-tarkistus
UX Check Chrome Extension auttaa tunnistamaan käytettävyysongelmat nopean ja helpon heuristisen arvioinnin avulla.
Työnkulku on yksinkertainen. Napsauta kuvaketta käynnistääksesi Nielsen's Ten Heuristics sivupaneelissa, kuten Chrome Dev-työkaluilla. . Voit napsauttaa elementtejä, jotka eivät läpäise arviointia, lisätäksesi muistiinpanoja, ottaaksesi kuvakaappauksia ja viedäksesi s docx -tiedostona jakamisen helpottamiseksi.
UX Tarkista Chrome-laajennus
3. Silmäpisara
Eye Dropper on mielestäni mahtavin värinpoimintatyökalu.Siinä on 2 välilehteä – Eyedropper ja Cooler-valitsin. Pipettityökalun avulla voit valita värejä miltä tahansa verkkosivulta, kun taas värinvalintatyökalun avulla voit valita mukautettuja värejä.
Web-sivuilta poimitut tai värinvalitsinvälilehdeltä valitut värit tallennetaan automaattisesti palettiin, jonka voit ladata CSV-tiedostona. Lisäksi Eye Dropper näyttää kaikki värit RGB-, HSL-, HEX-koodeilla ja nimellä, ja se tukee pikanäppäimiä.
Eye Dropper Chrome Extension
4. FontFace Ninja
FontFace Ninja pystyy näyttämään tietoja mistä tahansa fontista millä tahansa verkkosivustolla. Se sisältää latauslinkkejä ilmaisiin fontteihin ja mahdollisuuden näyttää maksullisten fonttien hinnat.
FontFace Ninjalla on myös vaihtoehtoja käyttää tummaa tilaa, havaita fontit kuvissa (beta) ja näyttää kirjanmerkkiasetukset.
FontFace Ninja Chrome Extension
5. Sivuviivain
Page Ruler on minimalistinen viivainlaajennus, jonka avulla voit mitata verkkosivujen leveyksiä ja korkeuksia. Siinä on useita pikanäppäimiä, navigointi ylä- ja alaelementtien välillä, mittausohjeet ja lokalisointi 10 kielellä.
Page Ruler Chrome -laajennus
6. Facebook Video Downloader
FB Down voi helposti ladata videoita Facebookista ja miltä tahansa muulta sivulta, jolla on videotoisto. Voit ladata sen avulla kaikki suositut mediamuodot, mukaan lukien tietyt tekijänoikeudella suojatut videot (kun päätät ladata videon ilman ääntä).
FB Down toimii linkkien haistajana verkkosivuilla ja kuvake syttyy, kun se näkee ladattavaa sisältöä.
Facebook Video Downloader Chrome-laajennus
7. PerfectPixel
WellDoneCodenPerfectPixel on paras laajennus pikselitäydellisten verkkosivustojen luomiseen. Sen avulla voit asettaa kuvat peittokuviksi, joita voit verrata kehityssivustoon. Se tukee pikanäppäimiä, puoliksi läpinäkyvää peittokuvaa ja paljon muuta.
PerfectPixel Chrome Extension
8. TinEye
TinEye on täydellinen käänteinen kuvahakutyökalu ja ensimmäinen, joka ottaa käyttöön kuvantunnistusteknologian avainsanojen, metatietojen tai vesileimojen sijaan. Se toimii luomalla ainutlaatuiset digitaaliset allekirjoitukset kuville ja vertaamalla sitten allekirjoituksia hakemistossaan oleviin allekirjoituksiin.
TinEye ei vain palauta samank altaisia kuvia hakutuloksissaan, vaan myös tarkkoja hakuja, jotka eivät sulje pois rajattuja, kokoa muutettuja ja muokattuja versioita.
TinyEye Chrome Extension
9. CSS Pepper
CSS Pepper mahdollistaa CSS:n poimia (jopa piilotetuista kohteista) ja rakentaa kauniita tyylioppaita hyvin organisoidulla tavalla. Tämä antaa suunnittelijoille ja kehittäjille mahdollisuuden käyttää aikaa suunnittelun parissa koodin etsimisen sijaan.
CSS Pepper Chrome -laajennus
10. WhatRuns
WhatRuns ilmoittaa sinulle kaikesta, joka on käynnissä millä tahansa verkkosivustolla, mukaan lukien viitekehykset, teemat, kirjasimet, sisällönhallintajärjestelmät jne.
Voit myös seurata verkkosivustoja, jotta laajennus ilmoittaa sinulle, kun uusia teknologioita lisätään.
WhatRuns Chrome Extension
11. Muzli
Muzli on ilmainen laajennus, joka tuo tuhansia kauniita, inspiroivia malleja suoraan selaimeesi uuden välilehden korvaavana .
Joka kerta kun avaat uuden välilehden Muzli täyttää sen kauneimmilla malleilla yli 120 lähteestä, mukaan lukien InVision, Muzli, Dribble, Product hunt, CNN, CSS Author jne.! Tämä on koru suunnittelijoille.
Muzli Chrome -laajennus
12. Mitat
Dimensions on ilmainen ja avoimen lähdekoodin laajennus, joka tarjoaa sinulle älykkään tavan mitata sivuelementtien välisiä etäisyyksiä.
Löydä kuva- ja HTML-elementtien mitat vetämällä ja siirtämällä hiirtä suhteellisesti. Voit myös käyttää pikanäppäimiä työskennellä – muista vain asettaa pikanäppäin Chromen laajennusluettelon loppuun vaihtaaksesi laajennusta saadaksesi parhaan käyttökokemuksen.
Dimensions Chrome-laajennus
On muitakin laajennuksia, jotka sinun pitäisi tietää esim. Checkbot pyrkii parantamaan hakukoneoptimoinnin mainettasi ja verkkosivustosi yleistä nopeutta ja turvallisuutta tarkistamalla rikkinäisten linkkien, turvattomien sivujen, virheellisten HTML/CSS/JS-koodien, päällekkäisten otsikoiden ja muiden ongelmia, joita et ehkä huomaa kehityksen aikana.
Ja Check My Links joka indeksoi Web-sivujesi läpi varmistaakseen, ettei sinulla ole rikkinäisiä linkkejä – tämä on ilmainen, mutta ei kestävä.
Onko sinulla hienoja laajennuksia suunnittelijoille ja kehittäjille, joista meidän pitäisi tietää? Lisää ne alla olevaan kommenttiosioon.