সিএসএস মিনিফায়ারের জন্য কোনও প্রস্তাবনা?
আমি গুগলকে ঘিরে ধরেছি এবং কিছুটা চেষ্টা করব, তবে আমার সন্দেহ হয়েছিল যে স্মার্ট, দক্ষ এবং কৌতূহলীভাবে সুদর্শন স্ট্যাকওভারফ্লো সম্প্রদায় ইতিমধ্যে হেভিওয়েটগুলির উপকারিতা এবং কুফলগুলি মূল্যায়ন করেছে।
সিএসএস মিনিফায়ারের জন্য কোনও প্রস্তাবনা?
আমি গুগলকে ঘিরে ধরেছি এবং কিছুটা চেষ্টা করব, তবে আমার সন্দেহ হয়েছিল যে স্মার্ট, দক্ষ এবং কৌতূহলীভাবে সুদর্শন স্ট্যাকওভারফ্লো সম্প্রদায় ইতিমধ্যে হেভিওয়েটগুলির উপকারিতা এবং কুফলগুলি মূল্যায়ন করেছে।
উত্তর:
Yui কম্প্রেসার কল্পনাপ্রসূত। এটি জাভাস্ক্রিপ্ট এবং সিএসএসে কাজ করে। এটা দেখ.
এর রয়েছে Yui কম্প্রেসার একটি .NET বন্দর যা আপনি করতে পারবেন: -
আপডেট ২০১১: এবং এটি এখন নুগেটের মাধ্যমেও পাওয়া যায় :)
আমি চাই অল্প করা । পিএইচপি এবং সিএসএস বা জাভাস্ক্রিপ্ট সঙ্গে কাজ করে।
সিএসএসও বর্তমানে সেরা মিনিফায়ার / অপটিমাইজার।
আপনি ব্যবহার করেন তাহলে পাইথন আমি সুপারিশ করবে slimmer সম্ভবত হিসাবে দ্রুত Yui কম্প্রেসার যেমন নয়, কিন্তু অসদৃশ csscompressor.net এটা সিএসএস হ্যাক উপর শ্বাসরোধ করে না।
আমি স্লিমার লেখার পর থেকে আমি পক্ষপাতদুষ্ট এবং বর্তমানে হ্যাকগুলি কীভাবে পরিচালনা করে তা দেখতে আমি YUI কমপ্রেসরকে মূল্যায়ন করছি। ক্রস স্লিমার উদাহরণটি যদি আপনি ক্রসটিপস.আর্গ.র উত্সটি দেখেন তবে দেখা যেতে পারে
সিএসএসটিডি দেখুন: http://csstidy.sourceforge.net/usage.php
এবং অনলাইনে: http://cdburnerxp.se/cssparse/css_optimiser.php
আপনি যদি কোনও অনলাইন সরঞ্জামের সন্ধান করছেন তবে এটি ব্যবহার করে দেখুন: https://csscompressor.net/
html{width:100%;height:100%;} body{width:100%;height:100%;padding:0;} #test{padding:1em;width:10em;} #test{padding:2em;}
এবং এটি ওয়াইউআই কমপ্রেসারের চেয়ে ভাল কাজ করেছে (যা # পরীক্ষার প্যাডিংয়ের জন্য সদৃশগুলি মুছে ফেলেনি)। তবুও, উভয়ই আমাকে সন্তুষ্ট করতে ব্যর্থ হয়েছিল html,body{width:100%;height:100%}body{padding:0}
(যা আমার বোঝার দিক দিয়ে সমান, কারণ উভয় নির্বাচকই একই স্বতন্ত্রতা)।
আমি সি # তে একটি অতি দ্রুত সিএসএস মিনিফায়ার লিখেছি। অ্যালগরিদম যদিও জাভাস্ক্রিপ্ট পরিচালনা করে না। এটি আপনার: http://www.ko-sw.com/Blog/post/An-Ultra-Fast-CSS-Minify-Algorithm.aspx ।
ক্লোজার-স্টাইলশিট চেষ্টা করুন ।
পাশে minification এটি সমর্থন linting , আরটিএল আলোকসম্পাতের , এবং বর্গ পুনঃনামকরনের ।
এটি CSS এ ভেরিয়েবল , ফাংশন , শর্তাদি এবং মিক্সিন যুক্ত করতে পারে।
আরও লক্ষ করুন যে এগুলির কয়েকটি বৈশিষ্ট্য বন্ধকরণ সরঞ্জামগুলির বিশ্রামের উপর নির্ভর করে (যা তাদের নিজেরাই খুব শক্তিশালী)।
আমি দেখতে পেয়েছি যে আইসনুপের সিএসএস সুপারসক্রাব খুব ভালভাবে কাজ করে। এটি কেবলমাত্র অনলাইনে সিএসএস-এর সরাসরি লিঙ্কগুলি পরিচালনা করতে পারে: / আপনি সিএসএস কোড ধরে রাখতে আপনার পছন্দের পেস্টবিন পরিষেবাটি ব্যবহার করে এবং সুপারসক্রাবকে কাঁচা লিঙ্কটি দিয়েই তা পেতে পারেন।
#test { padding: 1em; width: 10em; } #test { padding: 2em; }
এবং এটি ব্যর্থ হয়েছে।
যদি আপনার সাইটটি এএসপি.নেটে থাকে তবে আপনি আপনার সাইটটিকে ফ্লাইতে সিএসএস মিনিফিকেশন করতে দিতে পারেন (যাতে আপনি প্রতিবার পরিবর্তন করার সময় আপনাকে ম্যানুয়ালি এটি করতে হবে না)। উদাহরণস্বরূপ:
পার্লের সিএসএস :: মিনিফায়ার (এবং অতিরিক্ত গতির জন্য একটি এক্সএস সংস্করণ) রয়েছে।
অন্যরা YUI কমপ্রেসর উল্লেখ করেছেন, তারপরে এটি। নেট বন্দর এবং আমি চেইনে অন্য লিঙ্ক যুক্ত করব। স্টাইলম্যানেজার হ'ল একটি সার্ভার কন্ট্রোল যা ওয়াইউআই কমপ্রেসারের । নেট পোর্টটি গুটিয়ে রাখে যাতে আপনি স্ক্রিপ্টম্যানেজারটি ব্যবহার করার মতো ব্যবহার করছেন। এটি সিএসএস কনস্ট্যান্টস, টিলডে (~) রেজোলিউশন ডাব্লু / আপনার ব্যাকগ্রাউন্ড-চিত্র সংজ্ঞা ইত্যাদির মতো অন্যান্য চমৎকার বৈশিষ্ট্যগুলির একটি গুচ্ছ যুক্ত করে, এটি শক্ত, ভাল নথিভুক্ত, এবং আমি আমার সাম্প্রতিক প্রকল্পগুলিতে ব্যবহার করেছি ডাব্লু / হে একটি সমস্যা এটি পরীক্ষা করে দেখুন - gStyleManager.com
এখনও "বিটা ইন", তবে মোটামুটি ভালভাবে কাজ করা উচিত। আমি প্রতিটি প্রকল্পে এর পিছনে কোডটি ব্যবহার করি: http://claudiu.phpfogapp.com/ এটি পিএইচপিতে নির্মিত এবং আপনার * .css ফাইলকে যথেষ্ট পরিমাণের জন্য হোস্ট করে, অবশ্যই আপনাকে আপনার কোডটি পরীক্ষা করার জন্য যথেষ্ট মিনিড সিএসএস (সার্ভারে স্থান ভিড় করলে আমি কেবল পুরানো CSS ফাইলগুলি মুছব)।
একটি কোডেপ্লেক্স প্রকল্প রয়েছে যা। নেট ওয়েবসাইটগুলিতে প্লাগ ইন করবে যা সিএসএস এবং জেএস ফাইলগুলি সংক্ষিপ্ত করে এবং সংকুচিত করবে। মাইক্রোসফ্ট এজেএক্স মিনিফায়ার এবং ওয়াইউআই কমপ্রেসারের মধ্যে একটি তুলনাও রয়েছে যা দেখায় যে ইউইউআই আরও ভালভাবে বেরিয়ে আসছে। মাইক্রোসফ্ট মিনিফায়ার এবং সংকোচনের সংমিশ্রণকারী একটি অতিরিক্ত প্রকরণ রয়েছে যা ফাইলটিকে মারাত্মকভাবে সঙ্কুচিত করে।
যাইহোক লিঙ্কটি হ'ল http://xpedite.codeplex.com/wikipage?title=Minifier%20(CSS%2FJavaScript%20 মিনিফিকেশন ২০২০ হ্যান্ডলারের )
এমভিসি 3 এর জন্য এটি আমি এইভাবে করেছি: http://mkramar.blogspot.com/2011/08/css-and-javascript-minify-and-combine.html এই পদ্ধতির সৌন্দর্য হ'ল এটি উড়তে সমস্ত কিছু করে এবং আপনাকে ম্যানুয়ালি ফাইলগুলি প্রাক-প্রক্রিয়া করতে বা পোস্ট-বিল্ড কনফিগার করতে হবে না।
একটি অনলাইন সরঞ্জাম (www.csscompressor.net এর চেয়ে অনেক বেশি ভাল যা আমার সিএসএসটিকে জ্যাক করেছে): http://www.cssdrive.com/compressor/compress.php একটি দুর্দান্ত কাজ করে।
সি # উদাহরণ:
css = css.Replace("\n", "");
css = Regex.Replace(css, @"\s+", " ");
css = Regex.Replace(css, @"\s*:\s*", ":");
css = Regex.Replace(css, @"\s*\,\s*", ",");
css = Regex.Replace(css, @"\s*\{\s*", "{");
css = Regex.Replace(css, @"\s*\}\s*", "}");
css = Regex.Replace(css, @"\s*\;\s*", ";");
zbugs.com আপনার জন্য একটি ভাল অনলাইন সরঞ্জাম হয়ে উঠবে, এটি আপনার সিএসএসকে একক ক্লিকে ছোট করে দেবে
পল আইরিশ দ্বারা সর্বশেষ এইচটিএমএল 5 বয়লারপ্লেটটি দেখুন - এতে আপনার সমস্ত সম্পদ (পিএনজি এবং জেপিজিসহ) অন্তর্ভুক্ত করার জন্য একটি বিল্ড স্ক্রিপ্ট রয়েছে। আপনি এখানে একটি ডেমো ভিডিও দেখতে পারেন ।