Detaljan CSS inspektor na svakom mjestu s CSSPeeper za Chrome
Redovita ploča Chrome DevTools luda je snaga. Omogućuje svakome da zaroni duboko u bilo koju stranicu kako bi proučio izgled stranice, CSS, pa čak i HTTP zaglavlja ako je potrebno.
Možete napraviti mnogo s DevTools CSS inspektorom. Ali nema jasan GUI panel i to je jedna stvar koju bi svaki programer volio.
Pogledajte CSSPeeper, besplatno Chrome proširenje koje dodaje ovaj GUI inspektor u vaš preglednik. To vam omogućuje da proučite CSS svojstva bilo kojeg elementa na bilo kojoj stranici, iako je upravo sada napravljena za Chrome.
Jednom ste ga instalirali posjetite web-stranicu i kliknite glavnu tipku proširenja u traci dodataka za Chrome. Novi prozor inspektora pojavljuje se na vrhu web-stranice s pojedinostima o svakom glavnom elementu.
Dok pregledavate web-lokaciju, možete kliknuti na bilo koji element koji vidite s točkastim obrisom. To može uključivati gumbe, odjeljke stranice, zaglavlja, navigacijske stavke koje nazivate.
Odatle ćete dobiti cijelog inspektora s detaljima o tipografiji, izborima boja i stilovima fontova. To je sjajan način povucite stilove izravno s web-stranice bez kopanja u CSS kod.
CSSPeeper vam čak dopušta odaberite povezane boje pomoću ugrađenog alata za odabir boja i generator sheme boja. Možete izvesti slike s stranica, izgraditi vlastite sheme boja i primijeniti ih na vlastite makete s Photoshopom ili Sketch.
Ja prvenstveno preporučiti ovo proširenje za dizajnere umjesto programera jer je to mnogo prikladniji dodatak dizajneru koji vuče sirovi CSS i pretvara kod u lako razumljive dijelove podataka.
Ali i ovaj dodatak može pomoći i programerima! To je stvarno snažan alat za inspekciju web-mjesta za sve vrste CSS-a.
Pogledajte početnu stranicu CSSPeepera kako biste saznali više o tome što ona može učiniti. Glavna stranica sadrži i vezu do Chrome trgovine kako biste mogli besplatno instalirati proširenje i izvesti ga na probni rad.