Zbukurues & Zvogëlues CSS

Rregulloni kryerreshtat e CSS-së së rrëmujshme për ta lexuar, ose zvogëlojeni për ta publikuar — me një modalitet të sigurt që nuk ndryshon kurrë renditjen e rregullave tuaja.

Kryerresht
Ngjeshja
Ngjitni ose shkruani CSS për ta zbukuruar ose zvogëluar atë.

CSS-ja juaj formatohet dhe zvogëlohet direkt në shfletuesin tuaj. Asgjë nuk ngarkohet në BroBroGo.

Pyetje të shpeshta

Cili është ndryshimi midis zbukurimit (beautify) dhe zvogëlimit (minify)?

Zbukurimi (Beautify) rregullon kryerreshtat dhe hapësirat e stileve tuaja që të jenë të lehta për t'u lexuar dhe modifikuar. Zvogëlimi (Minify) bën të kundërtën — heq hapësirat boshe dhe komentet që nuk i duhen shfletuesit, si dhe shkurton vlerat si ngjyrat, në mënyrë që skedari të jetë më i vogël dhe të ngarkohet më shpejt. Zbukuroni gjatë punës, zvogëloni para publikimit.

Çfarë bëjnë cilësimet e ngjeshjes Safe dhe Optimized?

Mënyra "Safe" (E sigurt) heq vetëm hapësirat boshe e komentet dhe shkurton vlerat, duke lënë çdo rregull ekzaktësisht aty ku e keni shkruar. Mënyra "Optimized" (E optimizuar) shkon më tej dhe bashkon selektorët dhe rregullat e dubluara për një skedar më të vogël — kjo mund të rirendisë rregullat, ndaj për fletët e stileve që varen nga renditja e burimit, vlen të bëhet një kontroll i shpejtë para publikimit. Komentet e shënuara si /*! … */ ruhen në të dyja mënyrat.

A do të ndryshojë pamja e faqes sime nga zvogëlimi?

Në modalitetin Safe, jo — stilet tuaja do të shfaqen ekzaktësisht njësoj. Ai ngjesh hapësirat boshe, heq komentet e zakonshme dhe rishkruan vlerat në forma ekuivalente më të shkurtra (si #ffffff në #fff), dhe kurrë nuk ndryshon prefikset e prodhuesve apo sintaksën moderne. Modaliteti Optimized gjithashtu bashkon rregullat, gjë që duket identike në pothuajse çdo fletë stili, por ia vlen të verifikohet nëse kodi juaj varet nga renditja e rregullave.

Zbukurues & Zvogëlues HTMLRregulloni kryerreshtat e HTML-së së ngatërruar për ta lexuar, ose zvogëlojeni për ta publikuar — me një kontroll opsional për etiketa të dëmtuara.Optimizues SVGPastroni kodin SVG dhe zvogëloni madhësinë e tij pa ndryshuar grafikën.Zbukurues & Zvogëlues JavaScriptRregulloni kryerreshtat e JavaScript-it të zvogëluar ose të obfuskuruar që ta lexoni më lehtë, ose zvogëloni kodin tuaj për ta publikuar më të vogël.Kalkulator i CSS clamp()Vendosni një madhësi për ekranet e vegjël dhe të mëdhenj dhe merrni një vlerë fluide clamp() që shkallëzohet pa probleme në mes — për madhësitë e fonteve, padding, margin ose gap.Gjenerator i gradienteveNdërtoni një gradient linear, radial ose konik, shtoni ndalesa ngjyrash dhe vendosni drejtimin, pastaj kopjoni CSS-në me një klikim.Gjenerator i Box ShadowTërhiqni rrëshqitësit për të formësuar një box-shadow, mbivendosni shtresa për thellësi dhe kopjoni CSS-në e përfunduar menjëherë.Konvertues i ngjyraveKonvertoni ngjyrat midis HEX, RGB, HSL, HSV, CMYK dhe LAB — ndryshoni çdo fushë dhe të tjerat përditësohen gjatë shkrimit.Formatues JSONFormatoni, validoni dhe minifikoni JSON në çast.