CSS ബ്യൂട്ടിഫയർ & മിനിഫയർ
ക്രമരഹിതമായ CSS വായിക്കാൻ പാകത്തിൽ ഇൻഡന്റ് ചെയ്യുക, അല്ലെങ്കിൽ റൂളുകളുടെ ക്രമം മാറ്റാത്ത സേഫ് മോഡ് ഉപയോഗിച്ച് ചെറുതാക്കുക.
നിങ്ങളുടെ CSS ബ്രൗസറിൽ തന്നെയാണ് ഫോർമാറ്റ് ചെയ്യുന്നതും മിനിഫൈ ചെയ്യുന്നതും. BroBroGo-ലേക്ക് ഒന്നും അപ്ലോഡ് ചെയ്യപ്പെടുന്നില്ല.
പതിവ് ചോദ്യങ്ങൾ
ബ്യൂട്ടിഫൈയും മിനിഫൈയും തമ്മിലുള്ള വ്യത്യാസം എന്താണ്?
ബ്യൂട്ടിഫൈ (Beautify) ചെയ്യുന്നത് നിങ്ങളുടെ കോഡിലെ ഇൻഡന്റേഷനുകളും സ്പേസുകളും ക്രമീകരിച്ച് വായിക്കാനും എഡിറ്റ് ചെയ്യാനും എളുപ്പമുള്ളതാക്കുന്നു. മിനിഫൈ (Minify) ഇതിന് വിപരീതമായി പ്രവർത്തിക്കുന്നു — ബ്രൗസറിന് ആവശ്യമില്ലാത്ത സ്പേസുകളും കമന്റുകളും ഒഴിവാക്കുകയും കളർ കോഡുകൾ പോലുള്ളവ ചെറുതാക്കുകയും ചെയ്യുന്നു, ഇത് ഫയൽ സൈസ് കുറയ്ക്കാനും വേഗത്തിൽ ലോഡ് ചെയ്യാനും സഹായിക്കുന്നു. കോഡിംഗ് ചെയ്യുമ്പോൾ ബ്യൂട്ടിഫൈ ചെയ്യുക, പബ്ലിഷ് ചെയ്യുന്നതിന് തൊട്ടുമുമ്പ് മിനിഫൈ ചെയ്യുക.
Safe, Optimized കംപ്രഷൻ സെറ്റിംഗ്സുകൾ എന്താണ് ചെയ്യുന്നത്?
Safe മോഡ് സ്പേസുകളും കമന്റുകളും മാത്രം ഒഴിവാക്കുകയും വാല്യൂസ് ചെറുതാക്കുകയും ചെയ്യുന്നു, നിങ്ങൾ എഴുതിയ ഓരോ റൂളും അതേ സ്ഥാനത്ത് തന്നെ നിലനിർത്തും. Optimized മോഡ് ഇതിലും മുന്നോട്ട് പോയി ഡ്യൂപ്ലിക്കേറ്റ് സെലക്ടറുകളും റൂളുകളും ലയിപ്പിച്ച് ഫയൽ സൈസ് വീണ്ടും കുറയ്ക്കുന്നു — ഇത് റൂളുകളുടെ ക്രമം മാറ്റിയേക്കാം എന്നതിനാൽ, സോഴ്സ് ഓർഡറിനെ ആശ്രയിക്കുന്ന സ്റ്റൈൽഷീറ്റുകളിൽ പബ്ലിഷ് ചെയ്യുന്നതിന് മുൻപ് ഇതൊന്ന് പരിശോധിക്കുന്നത് നന്നായിരിക്കും. /*! … */ എന്ന് അടയാളപ്പെടുത്തിയ കമന്റുകൾ രണ്ട് മോഡിലും നിലനിർത്തപ്പെടും.
മിനിഫൈ ചെയ്യുന്നത് എന്റെ പേജിന്റെ ഡിസൈനെ ബാധിക്കുമോ?
Safe മോഡിൽ മാറ്റങ്ങളൊന്നും ഉണ്ടാകില്ല — നിങ്ങളുടെ സ്റ്റൈലുകൾ കൃത്യമായി പഴയതുപോലെ തന്നെ കാണപ്പെടും. ഇത് സ്പേസുകൾ കുറയ്ക്കുകയും സാധാരണ കമന്റുകൾ ഒഴിവാക്കുകയും വാല്യൂസ് തുല്യമായ ചെറിയ രൂപങ്ങളിലേക്ക് മാറ്റുകയും ചെയ്യുന്നു (ഉദാഹരണത്തിന് #ffffff എന്നത് #fff ആക്കും), കൂടാതെ വെണ്ടർ പ്രിഫിക്സുകളോ മോഡേൺ സിന്റാക്സോ ഒരിക്കലും മാറ്റില്ല. Optimized മോഡ് റൂളുകൾ ലയിപ്പിക്കുകയും ചെയ്യും, ഇത് മിക്കവാറും എല്ലാ സ്റ്റൈൽഷീറ്റുകളിലും ഒരേപോലെ കാണപ്പെടുമെങ്കിലും, റൂളുകളുടെ ക്രമം പ്രധാനമാണെങ്കിൽ ഒന്ന് പരിശോധിക്കുന്നത് നല്ലതാണ്.