Conţinut
- 01. Simplificați Gmail
- 02. Spectru
- 03. CSS Scan 2.0
- 04. Amino
- 05. Sizzy
- 06. Paleta site-ului
- 07. Checkbot
- 08. Toby
- 09. DomFlags
- 10. Foarte evidențiator
Instrumentele de dezvoltare Chrome sunt excelente, dar este posibil să adăugați funcții și mai interesante browserului dvs. de internet pentru a facilita designul și dezvoltarea web.
Există, desigur, o mulțime de alte instrumente în jurul valorii de a accelera lucrurile, a se vedea posturile noastre preferate instrumente de design web. Deocamdată, deocamdată, iată 30 dintre extensiile noastre Chrome preferate pentru designeri și dezvoltatori web.
01. Simplificați Gmail
Dacă descoperiți că Gmail devine puțin prea dezordonat pentru binele său, salutați-l Simplificați Gmail, care elimină toate resturile și deciziile rele de interfață care s-au strecurat în ultimii ani. Creat de fostul designer principal al Gmail, Michael Leggett, scapă de toate dezordinile care vă distrag atenția și vă oferă o versiune mai simplă și funcțională.
02. Spectru
Un fel de orbire a culorii afectează aproximativ 200 de milioane de oameni din întreaga lume, însă serviciile pentru aceștia sunt adesea scăzute în lista de verificare a accesibilității designerilor. Cu Spectrum, totuși, vă puteți testa rapid site-ul împotriva diferitelor tipuri de deficiențe de vedere a culorilor și vă puteți asigura că totul este clar.
03. CSS Scan 2.0
Instrumentele de dezvoltare Chrome sunt o modalitate utilă de a verifica sub capotă pentru a vedea cum funcționează un site, dar CSS Scan 2.0 este chiar mai ușor dacă este CSS pe care doriți să îl priviți. Plasați cursorul deasupra oricărui element și CSS-ul său va apărea într-o vizualizare pop-up, permițându-vă să copiați regulile sale într-un singur clic. Puteți să-l utilizați pentru a copia anumite elemente din teme sau șabloane pentru a le adapta pentru propria dvs. utilizare și este excelent pentru depanarea propriului cod.
04. Amino
Iată un alt instrument CSS excelent. Amino este un editor CSS live care vă permite să generați foi de stil în browser și să le aplicați în timp real pe site-uri web. Vă permite efectiv să efectuați modificări permanente ale designului oricărui site pe care îl vizitați și, dacă sunteți conectat la Chrome cu contul dvs. Google, atunci foile de stil vor fi sincronizate astfel încât să fie accesibile din Chrome pe toate dispozitivele desktop.
05. Sizzy
Proiectarea web receptivă este dată în zilele noastre și dacă doriți o modalitate simplă de a vă verifica proiectele în mai multe porturi de vizualizare, merită să aruncați o privire Sizzy. Vă va arăta o vizualizare interactivă a paginii dvs. redată pe mai multe dimensiuni diferite ale ecranului dispozitivului și puteți afișa și ascunde o tastatură simulată a dispozitivului și puteți comuta între modurile portret și peisaj.
06. Paleta site-ului
Data viitoare când vedeți un site care folosește foarte bine culoarea, iată un mod simplu de a profita de acesta. Paleta de site extrage culorile principale de pe un site web și generează o paletă de partajat pe care o puteți arăta cu ușurință colaboratorilor. De asemenea, puteți descărca un șablon Sketch și există și asistență Adobe Swatch.
07. Checkbot
Asigurarea faptului că toate linkurile de pe site-ul dvs. funcționează efectiv este o câștigare instantanee a utilizabilității și este o modalitate bună de a vă îmbunătăți și SEO. Checkbot este o extensie Chrome care verifică legături rupte, titluri duplicate, lanțuri de redirecționare, HTML / JS / CSS nevalide și multe altele, astfel încât să vă puteți verifica rapid site-ul pentru a găsi link-uri defecte și să le remediați.
08. Toby
Este un adevăr recunoscut universal că, până când ați deschis Chrome timp de câteva ore, va fi un cuib confuz de file cu lățimea degetului mic. Toby este un mod minunat de a-i îmblânzi; cu acesta puteți organiza toate aceste file în colecții de linkuri ca alternativă la o mulțime de marcaje individuale, făcându-le mult mai ușor de gestionat.
09. DomFlags
Accelerați radical procesele elementelor de styling cu DomFlags, o extensie cu adevărat excelentă, care vă permite să creați comenzi rapide de la tastatură pentru elementele DOM. Este ca și cum ai avea marcaje pentru navigarea în DOM; acest lucru va schimba modul în care lucrați cu DevTools.
10. Foarte evidențiator
Iată o modalitate interesantă de a aduce oamenii într-o discuție: vă permite să partajați în mod esențial articole de pe web, astfel încât să puteți atrage atenția asupra celor mai semnificative fragmente de scriere.
În continuare: încă 10 extensii Chrome
