CSS-i kujundaja ja minimeerija

Taandage sassis CSS-i, et seda oleks lihtne lugeda, või minimeerige seda avaldamiseks – turvalise režiimiga, mis ei muuda kunagi reeglite järjekorda.

Taane
Tihendamine
Asetage või sisestage CSS, et seda kujundada või minimeerida.

Teie CSS vormindatakse ja minimeeritakse otse teie brauseris. Midagi ei laadita BroBroGo serverisse.

KKK

Mis vahe on kujundamisel ja minimeerimisel?

Kujundamine (beautify) taandab ja liigendab teie stiilid uuesti, et neid oleks lihtne lugeda ja muuta. Minimeerimine (minify) teeb vastupidist – see eemaldab tühikud ja kommentaarid, mida brauser ei vaja, ning lühendab väärtusi (nt värve), et fail oleks väiksem ja laadiks kiiremini. Kujundage töö ajal, minimeerige enne avaldamist.

Mida teevad turvalise ja optimeeritud tihendamise seaded?

Turvaline (Safe) režiim eemaldab ainult tühikud ja kommentaarid ning lühendab väärtusi, jättes iga reegli täpselt sinna, kuhu te selle kirjutasite. Optimeeritud (Optimized) režiim läheb kaugemale ja liidab dubleerivad selektorid ning reeglid väiksema faili saavutamiseks – see võib reegleid ümber järjestada, seega tasub enne avaldamist tulemust kontrollida, kui teie stiilileht sõltub koodi järjekorrast. Kommentaarid kujul /*! … */ säilitatakse mõlemas režiimis.

Kas minimeerimine muudab minu lehe välimust?

Turvalises (Safe) režiimis mitte – teie stiile kuvatakse täpselt samamoodi. See eemaldab üleliigsed tühikud, tavalised kommentaarid ja kirjutab väärtused lühemasse samaväärsesse vormi (näiteks #ffffff asemel #fff), muutmata kunagi teie tootjaprefikseid (vendor prefixes) või kaasaegset süntaksit. Optimeeritud (Optimized) režiim liidab ka reegleid, mis näeb peaaegu igal stiililehel identne välja, kuid seda tasub kontrollida, kui teie kood sõltub reeglite järjekorrast.

HTML-i kujundaja ja minimeerijaTaandage sassis HTML-i, et seda oleks lihtne lugeda, või minimeerige seda avaldamiseks – koos vigaste siltide valikulise kontrolliga.SVG optimeerijaPuhastage SVG-koodi ja vähendage selle mahtu ilma graafikat muutmata.JavaScripti kujundaja ja minimeerijaTaandage minimeeritud või risustatud JavaScripti, et saaksite seda lugeda, või minimeerige oma koodi, et fail oleks väiksem.CSS clamp() kalkulaatorSisestage suurus väikeste ja suurte ekraanide jaoks ning saate sujuvalt skaleeruva clamp() väärtuse fondi suuruste, paddingute, marginite või gapide jaoks.Gradiendi generaatorLooge lineaarseid, radiaalseid või koonilisi gradiente, lisage värvipunkte ja määrake suund ning kopeerige CSS ühe klõpsuga.Box Shadow generaatorLohistage liugureid box-shadow kujundamiseks, lisage sügavuse saavutamiseks kihte ja kopeerige valmis CSS kohe.VärvikonverterTeisendage värve HEX, RGB, HSL, HSV, CMYK ja LAB vahel — muutke mistahes välja ja ülejäänud uuenevad reaalajas.JSON-i vormindajaVormindage, valideerige ja minimeerige JSON-it hetkega.