مفت آن لائن CSS Minify/ Formatter

Input data
bfotool loadding
Output data
bfotool loadding

 

CSS Minify ٹول

سی ایس ایس کو کم کرنا خوبصورت، اچھی طرح سے تشکیل شدہ سی ایس ایس کوڈ لیتا ہے جو آپ نے لکھا ہے اور اسپیسنگ، انڈینٹیشن، نئی لائنز اور تبصروں کو ہٹا دیتا ہے۔ CSS کو کامیابی سے استعمال کرنے کے لیے ان عناصر کی ضرورت نہیں ہے۔ یہ CSS کو پڑھنا بھی مشکل بنا دیتا ہے۔

بہت سے ڈویلپرز کی 'بہترین پریکٹس' ایک 'خوبصورت' ورژن کو برقرار رکھنا ہے، اور جب ان کے پروجیکٹ کو رول آؤٹ کیا جائے گا تو ایک منیفیکیشن پروگرام کے ذریعے اسٹائل چلائے گا۔ وہ اپنی بہت سی اسٹائل فائلوں کو ایک فائل میں بھی جوڑ دیں گے۔

 

سی ایس ایس منیفائر کیوں استعمال کریں؟

منیفیکشن کا مقصد ویب سائٹ کی رفتار کو بڑھانا ہے۔ مائنسائزیشن اسکرپٹ کو 20% تک چھوٹا بنا سکتی ہے، جس کے نتیجے میں ڈاؤن لوڈ کا وقت تیز ہوتا ہے۔ کچھ dev elopers اسے اپنے کوڈ کو 'مبہم' کرنے کے لیے بھی استعمال کریں گے۔ اس سے کوڈ کو پڑھنا مشکل ہو جاتا ہے، اس طرح ریورس انجینئر یا کاپی کرنا مشکل ہو جاتا ہے۔

 

CSS Minify مثال

پہلے:

.headbg{
    margin:0 8px 
}
a:link,a:focus{
    color:#00c 
}
a:active{
    color:red 
}

بعد:

.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }