Indhold
- 01. Forenkle Gmail
- 02. Spektrum
- 03. CSS Scan 2.0
- 04. Amino
- 05. Sizzy
- 06. Stedspalet
- 07. Checkbot
- 08. Toby
- 09. DomFlags
- 10. Highlighlighter
Chromes Dev Tools er fantastiske, men det er muligt at tilføje endnu mere spændende funktioner til din internetbrowser for at gøre webdesign og udvikling lettere.
Der er selvfølgelig masser af andre værktøjer rundt for at fremskynde tingene, se vores yndlingsindlæg til webdesignværktøjer. For nu er der dog 30 af vores foretrukne Chrome-udvidelser til webdesignere og udviklere.
01. Forenkle Gmail
Hvis du finder ud af, at Gmail bliver lidt for rodet til sit eget bedste, skal du sige hej til Simplify Gmail, der fejer alt affald og dårlige UI-beslutninger, der er sneget ind i det i løbet af de sidste par år. Oprettet af Gmails tidligere blydesigner, Michael Leggett, slipper det for alt det distraherende rod og giver dig en mere afskåret og funktionel version.
02. Spektrum
En eller anden slags farveblindhed påvirker omkring 200 millioner mennesker over hele verden, men catering til dem er ofte lavt på designernes tilgængelighedstjekliste. Med Spectrum kan du dog hurtigt teste dit websted mod forskellige typer farvesynmangel og sikre, at alt er klart.
03. CSS Scan 2.0
Chromes Dev Tools er en praktisk måde at kontrollere under motorhjelmen for at se, hvordan et websted fungerer, men CSS Scan 2.0 er endnu lettere, hvis det er CSS, du vil se på. Hold markøren over ethvert element, og dets CSS vises i en pop op-visning, så du kan kopiere dets regler med et enkelt klik. Du kan bruge den til at kopiere bestemte elementer fra temaer eller skabeloner for at tilpasse til din egen brug, og det er fantastisk til fejlfinding af din egen kode.
04. Amino
Her er et andet godt CSS-værktøj. Amino er en live CSS-editor, der lader dig generere typografiark i browseren og anvende dem i realtid på websteder. Det giver dig effektivt mulighed for at foretage permanente designændringer på ethvert websted, du besøger, og hvis du er logget ind på Chrome med din Google-konto, synkroniseres stilarkene, så de er tilgængelige fra Chrome på alle dine stationære enheder.
05. Sizzy
Responsivt webdesign er givet i disse dage, og det vil du have en ligetil måde at kontrollere dine designs på tværs af flere visningsportar, og det er Sizzy værd at se på. Det viser dig en interaktiv visning af din side gengivet på en række forskellige enhedens skærmstørrelser, og du kan også vise og skjule et simuleret enhedstastatur og skifte mellem stående og liggende tilstand.
06. Stedspalet
Næste gang du ser et sted, der gør stor brug af farve, er her en enkel måde at udnytte det på. Site Palette udtrækker hovedfarverne fra et websted og genererer en delbar palette, som du nemt kan vise til samarbejdspartnere. Du kan også downloade en skitseskabelon, og der er også Adobe Swatch-support.
07. Checkbot
At sikre, at alle links på dit websted rent faktisk fungerer, er en øjeblikkelig brugervenlighed, og det er også en god måde at forbedre din SEO på. Checkbot er en Chrome-udvidelse, der kontrollerer for ødelagte links, duplikatitler, omdirigeringskæder, ugyldig HTML / JS / CSS og mere, så du hurtigt kan revidere dit websted for dårlige links og få dem rettet.
08. Toby
Det er en sandhed, der er universelt anerkendt, at når du har haft Chrome åben i et par timer, vil det være en forvirrende rede af faner i bredden af din lillefinger. Toby er en fantastisk måde at tæmme dem på; med det kan du organisere alle disse faner i samlinger af links som et alternativ til masser af individuelle bogmærker, hvilket gør dem meget nemmere at administrere.
09. DomFlags
Hurtigt fremskynde processerne med stylingelementer med DomFlags, en virkelig god udvidelse, der giver dig mulighed for at oprette tastaturgenveje til DOM-elementer. Det er som at have bogmærker til at navigere i DOM; dette vil ændre den måde, du arbejder med DevTools på.
10. Highlighlighter
Her er en interessant måde at bringe folk ind i en diskussion: Lader dig meget dele højdepunkter fra artikler på nettet, så du kan henlede opmærksomheden på de mest betydningsfulde ting at skrive.
Næste: 10 flere Chrome-udvidelser
