ነፃ CSS አሳጣሪ እና ውበት ጨማሪ

እንዴት እንደሚሠራ

ይህ መሣሪያ ሙሉ በሙሉ በJavaScript የተገነባ፣ በእጅ የተጻፈ እና ምንም ጥገኝነት የሌለው የCSS ከፋፋይ ይጠቀማል — ምንም ውጫዊ ላይብረሪ፣ ምንም የአገልጋይ ጥሪ የለም። ከፋፋዩ ማንኛውንም ለውጥ ከመተግበሩ በፊት እያንዳንዱን ቁምፊ እንደ ኮድ፣ አስተያየት፣ በጥቅስ ያለ ሕብረቁምፊ ወይም የurl() እሴት ይመድባል፤ ይህም የክፍተት ሕጎች የሕብረቁምፊ ይዘቶችን፣ የdata URIዎችን ወይም የcalc() አገላለጾችን እንዳያበላሹ ይከላከላል።

1. 1
   የመከፋፈል ዙር

   የገባው CSS ቁምፊ በቁምፊ ይቃኛል እና ዓይነት ባላቸው ቁራጮች ይከፈላል፦ ጥሬ የኮድ ክፍሎች፣ /* ... */ አስተያየቶች፣ በጥቅስ ያሉ ሕብረቁምፊዎች (የማምለጫ ቅደም ተከተሎችን ጠብቀው) እና url(...) ብሎኮች። ይህ በሚቀጥለው ደረጃ ያሉ ለውጦች እውነተኛውን የCSS አገባብ ብቻ እንዲነኩ ያረጋግጣል — የሕብረቁምፊ ወይም የdata URI ይዘትን በፍጹም አይነኩም።
2. 2
   ማሳነስ ወይም ማሳመር

   በማሳነስ ሁነታ፣ መደበኛ አስተያየቶች ይወገዳሉ (/*! license */ አስተያየቶች ይቀመጣሉ)፣ በኮድ ቁራጮች ውስጥ ያሉ ተከታታይ ክፍተቶች ወደ አንድ ክፍተት ይጨመቃሉ፣ በ{ } : ; , > ~ ዙሪያ ያሉ ክፍተቶችም ይወገዳሉ። የcalc() አገላለጾችን ላለማበላሸት በ+ እና - ዙሪያ ያሉ ክፍተቶች ሆን ተብለው ይተዋሉ። በማሳመር ሁነታ፣ ኮዱ መጀመሪያ ወደ ንጹህ መነሻ ይሳነሳል፣ ከዚያም እንደገና ተከፋፍሎ በሁለት ክፍተት ጥልቀት ክትትል ገብ ይደረጋል፤ የproperty: value ኮሎኖችን እንደ a:hover ካሉ የመራጭ ኮሎኖች ለመለየትም የመግለጫ ኮሎን ፍለጋ ይጠቀማል።
3. 3
   የgzip መጠን ግምት

   ውጤቱን ካመረተ በኋላ፣ ውጤቱን በgzip ለመጨመቅ እና የተገኘውን የባይት ብዛት ለመለካት የአሳሹ አብሮገነብ CompressionStream API ይጠቀማል። ይህ gzip መጨመቅ ያለው የድር አገልጋይ በአውታረ መረቡ ላይ ከሚልከው ጋር የሚጣጣም ተጨባጭ የማስተላለፊያ መጠን ግምት ይሰጣል።
4. 4
   ይቅዱ ወይም ያውርዱ

   የተሠራው CSS በClipboard API ወደ ቅንጥብ ሰሌዳ ይጻፋል፣ ወይም text/css የMIME ዓይነት ያለው Blob በመጠቀም እንደ styles.min.css (የማሳነስ ሁነታ) ወይም styles.css (የማሳመር ሁነታ) ይወርዳል። የመጠን ቅነሳው መቶኛ ሲተይቡ በቀጥታ ይታያል።

ተዛማጅ መሳሪያዎች