আমার কাছে বেশ বড় সিএসএস ফাইল রয়েছে, যা আমি কম রূপান্তর করতে চাই। আমি যখন সিএসএস লিখি তখন কম সিএসএস জানতাম না, তবে এখনও আমি আমার পুরানো সিএসএস ব্যবহার করতে চাই।
এমন কোনও সরঞ্জাম আছে যা আমাকে স্বয়ংক্রিয়ভাবে রূপান্তর করতে সহায়তা করতে পারে?
আমার কাছে বেশ বড় সিএসএস ফাইল রয়েছে, যা আমি কম রূপান্তর করতে চাই। আমি যখন সিএসএস লিখি তখন কম সিএসএস জানতাম না, তবে এখনও আমি আমার পুরানো সিএসএস ব্যবহার করতে চাই।
এমন কোনও সরঞ্জাম আছে যা আমাকে স্বয়ংক্রিয়ভাবে রূপান্তর করতে সহায়তা করতে পারে?
উত্তর:
আমি আসলে এখন কিছু খুঁজে পেয়েছি: http://leafo.net/lessphp/lessify/
এটি একটি মৌলিক গঠন করে, যেমন:
#header {
/* ... */
}
#header p {
/* ... */
}
থেকে
#header {
/* ... */
p {
/* ... */
}
}
আসলে, কম দিয়ে কাজ শুরু করার জন্য আপনার কোনও রূপান্তর সরঞ্জামের প্রয়োজন নেই। কম সিনট্যাক্স সিএসএসের সাথে পিছনের দিকে সামঞ্জস্যপূর্ণ । এর অর্থ কোনও সিএসএস ফাইলও বৈধ এলইএসএস ফাইল।
কেবল আপনার সিএসএস পান এবং এটিকে একটি কম ফাইলের নামকরণ করুন। তারপরে আপনার পরিবর্তনের পাশাপাশি কম-নির্দিষ্ট বৈশিষ্ট্য ব্যবহার করুন। আপনি যত বেশি ফাইল আপডেট করবেন ততই আপনি কম বৈশিষ্ট্যগুলি ব্যবহার করতে সক্ষম হবেন।
আমি এসসিএসএস এবং 10 টি সিএসএস ফাইল সহ একটি খুব বড় প্রকল্পের জন্য একই কাজ করেছি। এসসিএসএস সহ সমস্ত সিএসএস পুনর্লিখন করা প্রায় অসম্ভব (এবং সময়ের প্রচুর অপচয়) ছিল। আমি কেবল এটির নামকরণ করেছি, তারপরে প্রতিবার সিএসএস ফাইলে কাজ করার সময়, আমি মিশ্রিনগুলি, ভেরিয়েবলগুলি ইত্যাদির সুবিধা নেওয়ার জন্য কোডটিতে ছোট রিফ্যাক্টরিং চালিত করি।
আপনি কি কমপক্ষে তাকিয়েছেন? লেস্টিফাইয়ের চেয়ে সিএসএস রূপান্তর করার ক্ষেত্রে এটি অনেক ভাল। বিশেষত, লেরিফাইটি আপনার ক্লাসগুলি খুব ভালভাবে অনুকূলিত করে না। এটি ব্রাউজারের রিসেটকে এর সমস্ত উত্পন্ন মিশ্রণগুলিতে অনুলিপি করে অনর্থক বৈশিষ্ট্য তৈরি করে। এটি পরিষ্কার যে এটি এখনও পরীক্ষামূলক পর্যায়ে রয়েছে। উভয়ই ইউটিলিটি শব্দার্থবিজ্ঞান নির্ধারণ করতে পারে না, তাই তারা মানগুলি ভাব, বার বা প্যারামেট্রিক মিশ্রণগুলিতে রূপান্তর করতে পারে না।
কমপক্ষে অপ্টিমাইজেশনের আরও ভাল কাজ করে এবং আরও কার্যকরী বলে মনে হয়। এমনকি এটি আপনার জন্য সিউডোক্লাসগুলি পরিচালনা করে:
এই সরঞ্জামগুলি বড় প্রচলিত সিএসএস ফাইলগুলির সাথে কাজ করার জন্য আদর্শ। সিএসএসকে কমটিতে রূপান্তর করার জন্য আমি প্রস্তাবিত পদক্ষেপগুলি এখানে রয়েছে (নিশ্চিত করুন যে আপনি মূল সিএসএস ফাইলগুলির একটি অনুলিপি রেখেছেন):
আপনি যদি বেশ কয়েকটি অ্যাডিটিভ সিএসএস ফাইলের সাথে কাজ করছেন তবে এগুলি একটি সিএসএস ফাইলে মার্জ করুন। এটি নিশ্চিত করে যে সমস্ত কিছু একসাথে স্বল্প ও অনুকূলিত optim
একটি অনলাইন সিএসএস পরিষ্কারের ইউটিলিটির মাধ্যমে ফলাফলের সিএসএস কোডটি চালান। ক্লিনসিএসএসের সাথে আমার ভাল ফলাফল হয়েছে: http://www.cleancss.com/ । এটি এমন কোনও বহিরাগত এবং অপ্রয়োজনীয় মার্কআপ সরিয়ে ফেলবে যা কোনও এলইএসইএস রূপান্তরকারী দ্বারা ধরা নাও পারে।
সিএসএস ফাইলে @ মিডিয়া এবং যে কোনও স্টাইলের রিসেটগুলি সরান। তারা সমস্যা তৈরি করতে পারে বা সম্ভাব্য অপ্রয়োজনীয়তার পরিচয় দিতে পারে। পুনরায় সেটগুলি পৃথক ফাইলে রাখা সম্ভবত একটি ভাল ধারণা।
ফলাফলের সিএসএস ফাইলটি কমপক্ষে আটকান এবং জানোয়ারটি দেখুন।
আপনার পুনরায় সেট এবং @ স্ক্রিন পুনরায় প্রবর্তন করুন।
এখন আপনার কাজটি শেষ হয়ে গেছে, প্রতিটি গুণাবলীর মধ্য দিয়ে যান এবং রিফ্যাক্টরিংয়ের জন্য ভাল প্রার্থী সন্ধান করুন এবং সেগুলি কম ভেরিয়েবল এবং এক্সপ্রেশনগুলিতে পরিণত করুন। সিএসএস রঙ এবং ফন্টের বৈশিষ্ট্যগুলি ফ্যাক্ট আউট করা সহজ, সাধারণ গ্লোবাল অনুসন্ধান এবং কাজগুলি সূক্ষ্ম প্রতিস্থাপনের জন্য সহজ। শেষে, আপনি সিদ্ধান্ত নিতে পারেন যে আপনি একক ফাইলকে ছোট ছোট লজিকাল ফাইলগুলিতে বিভক্ত করতে চান। আপনি দেখতে পাচ্ছেন যে প্রক্রিয়াটি আপনাকে বিভিন্নভাবে আপনার ফাইলগুলি পুনর্গঠিত করার কারণ করে।
আমি লেস্টের লেখক নই, কেবল কেউ একই ধরণের সরঞ্জাম খুঁজছেন এবং বিশ্বকে সে সম্পর্কে বলার সিদ্ধান্ত নিয়েছেন।
@import
? আমি ভেবেছিলাম @import
যখন আপনার কম ফাইলগুলি সংকলন করা হয় তখন কম স্টেটমেন্টগুলি পার্স করতে এবং আপনার সমস্ত স্টাইলশীটকে একটি সিএসএসে একীভূত করতে সক্ষম হয় । দেখে মনে হচ্ছে আপনার সমস্ত সুস্পষ্টভাবে সংগঠিত সিএসএসকে একটি একক জায়ান্ট স্টাইলশীটে ডাম্পিং করা একে LESS এ রূপান্তর করার জন্য এটি রক্ষণাবেক্ষণের জন্য এক ধাপ পিছনে যেতে পারে।
আমি মনে করি না যে কোনও কোডের মাধ্যমে আপনি কী করতে চান তা কনভার্টারের কোনও উপায় আছে know
উদাহরণস্বরূপ, আপনি প্রয়োজনীয় কোন ভেরিয়েবলগুলি ব্যবহার করতে চেয়েছিলেন তা অগত্যা জানা যাবে না। অথবা কীভাবে মিক্সিন বা ফাংশন জেনারেট করা যায়।
আমি মনে করি এটির সাথে আপনার নিজে এটি করতে হবে।
কীভাবে অনুসন্ধান এবং প্রতিস্থাপন সম্পর্কে।
যদি আপনার থাকে color:#ffffff
এবং আপনি এটিতে পরিবর্তন করতে চান@color
শুধু অনুসন্ধান color:#ffffff
বা color : #ffffff
এবং প্রতিস্থাপন @color
।
আমি সাধারণত এই সরঞ্জামগুলিতে বিশ্বাস করি না।
অথবা আপনি সত্যিই একটি সহজ পিএইচপি স্ক্রিপ্ট লিখতে পারেন যা এটি পরিচালনা করে।
আপডেট 1 :
অথবা আপনি http://nex-3.com/posts/96-scss-sass-is-a-css-extension ব্যবহার করতে পারেন যা কম অনুরূপ এবং এতে একটি রূপান্তরকারী সরঞ্জাম রয়েছে।
এই সাইটটি ব্যবহার করে দেখুন: css2less.cc
এটি টাইপ করার সাথে সাথে এটি আপনার সিএসএসকে কম করে রূপান্তর করে।