Početna » alat » Detaljan CSS inspektor na svakom mjestu s CSSPeeper za Chrome

    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.