CSS Beautifier এবং Minifier
এলোমেলো CSS সহজে পড়ার জন্য ইনডেন্ট ঠিক করুন, অথবা সাইজ ছোট করে প্রোডাকশনে পাঠান — একটি নিরাপদ মোড সহ যা কখনোই আপনার রুলের ক্রম পরিবর্তন করবে না।
আপনার CSS ফরম্যাটিং এবং মিনফাই করার কাজ সম্পূর্ণ আপনার ব্রাউজারেই করা হয়। BroBroGo-তে কিছুই আপলোড করা হয় না।
জিজ্ঞাসিত প্রশ্নাবলী
Beautify এবং Minify-এর মধ্যে পার্থক্য কী?
Beautify আপনার স্টাইলগুলোর ইনডেন্টেশন এবং স্পেসিং ঠিক করে যাতে সেগুলো সহজে পড়া ও এডিট করা যায়। Minify ঠিক এর বিপরীত কাজ করে — এটি ব্রাউজারের অপ্রয়োজনীয় স্পেস ও কমেন্টগুলো বাদ দেয় এবং রঙের মতো মানগুলোকে ছোট করে, যার ফলে ফাইল সাইজ ছোট হয় এবং দ্রুত লোড হয়। কাজ করার সময় Beautify ব্যবহার করুন, আর প্রোডাকশনে পাঠানোর আগে Minify করুন।
Safe এবং Optimized কম্প্রেশন সেটিংস কী কাজ করে?
Safe মোড শুধুমাত্র স্পেস ও কমেন্ট মুছে ফেলে এবং মানগুলোকে ছোট করে, ফলে প্রতিটি রুল আপনার লেখার জায়গাতেই বহাল থাকে। Optimized মোড আরও এক ধাপ এগিয়ে ডুপ্লিকেট সিলেক্টর ও রুলগুলোকে মার্জ করে ফাইল সাইজ আরও কমিয়ে দেয় — এটি রুলের ক্রম পরিবর্তন করতে পারে, তাই সোর্স অর্ডারের ওপর নির্ভরশীল স্টাইলশিটগুলোর ক্ষেত্রে প্রোডাকশনে পাঠানোর আগে একবার দেখে নেওয়া ভালো। /*! … */ চিহ্নিত কমেন্টগুলো উভয় মোডেই রেখে দেওয়া হয়।
Minify করলে কি আমার পেজের ডিজাইনে কোনো পরিবর্তন আসবে?
Safe মোডে কোনো পরিবর্তন হবে না — আপনার স্টাইলগুলো ঠিক আগের মতোই রেন্ডার হবে। এটি অতিরিক্ত স্পেস কমিয়ে দেয়, সাধারণ কমেন্টগুলো বাদ দেয় এবং মানগুলোকে ছোট সমমানের রূপে রূপান্তর করে (যেমন #ffffff কে #fff করে), তবে এটি কখনোই আপনার ভেন্ডর প্রিফিক্স বা আধুনিক সিনট্যাক্স পরিবর্তন করে না। Optimized মোড রুলগুলো মার্জও করে, যা প্রায় সব স্টাইলশিটেই হুবহু একই রকম দেখায়, তবে আপনার স্টাইল যদি রুলের ক্রমের ওপর নির্ভর করে, তবে তা যাচাই করে নেওয়া ভালো।