CSS பியூட்டிஃபையர் & மினிஃபையர்

Beautify (அழகாக்குதல்) என்பது உங்கள் குறியீட்டின் உள்தள்ளல்களையும் இடைவெளிகளையும் சீரமைத்து, எளிதாகப் படிக்கவும் திருத்தவும் வழிவகுக்கிறது. Minify (சுருக்குதல்) இதற்கு நேர்மாறானது — உலாவிக்குத் தேவையில்லாத வெற்று இடைவெளிகளையும் கருத்துகளையும் நீக்கி, வண்ண மதிப்புகள் போன்றவற்றைச் சுருக்கி, கோப்பின் அளவைக் குறைத்து வேகமாக ஏற்ற உதவுகிறது. வேலை செய்யும்போது Beautify-ஐயும், வெளியிடும்போது Minify-ஐயும் பயன்படுத்தவும்.

Safe (பாதுகாப்பானது) பயன்முறை வெற்று இடைவெளிகளையும் கருத்துகளையும் மட்டுமே நீக்கி, மதிப்புகளைச் சுருக்குகிறது; நீங்கள் எழுதிய விதிகளை அப்படியே வைத்திருக்கும். Optimized (உகந்தது) பயன்முறை இன்னும் ஒரு படி மேலே சென்று, கோப்பின் அளவைக் குறைக்க ஒரே மாதிரியான செலக்டர்களையும் விதிகளையும் ஒன்றிணைக்கிறது — இது விதிகளின் வரிசையை மாற்றக்கூடும் என்பதால், வெளியிடுவதற்கு முன் ஒருமுறை சரிபார்ப்பது நல்லது. /*! … */ எனக் குறிக்கப்பட்ட கருத்துகள் இரண்டு பயன்முறைகளிலும் அப்படியே பாதுகாக்கப்படும்.

Safe பயன்முறையில் எந்த மாற்றமும் இருக்காது — உங்கள் பக்கத்தின் வடிவமைப்பு அப்படியே இருக்கும். இது வெற்று இடைவெளிகளை நீக்கி, சாதாரண கருத்துகளைத் தவிர்த்து, மதிப்புகளைச் சுருக்கமான வடிவங்களில் மாற்றும் (உதாரணமாக #ffffff என்பதை #fff என மாற்றும்). மேலும், இது உங்கள் வெண்டார் பிரீஃபிக்ஸ்கள் அல்லது நவீன தொடரியல்களை மாற்றாது. Optimized பயன்முறையானது விதிகளையும் ஒன்றிணைக்கும், இது பெரும்பாலான ஸ்டைல்ஷீட்களில் ஒரே மாதிரியாகத் தெரிந்தாலும், விதிகளின் வரிசையைச் சார்ந்திருக்கும் பக்கங்களில் ஒருமுறை சரிபார்ப்பது நல்லது.