LESS ফরম্যাটার

পরিষ্কার ইন্ডেন্টেশন সহ LESS CSS প্রিপ্রসেসর কোড ফরম্যাট এবং সৌন্দর্যবর্ধন করুন

LESS ইনপুট
ফরম্যাট করা আউটপুট

LESS ফরম্যাটিং টিপস

  • পাঠযোগ্যতা এবং স্পেসিফিসিটি নিয়ন্ত্রণ বজায় রাখতে নেস্টিং গভীরতা সর্বোচ্চ ৩ লেভেল রাখুন।
  • আপনার LESS ফাইলের শীর্ষে সম্পর্কিত ভেরিয়েবল এবং mixins গ্রুপ করুন।
  • সহজ কোড রিভিউ এবং ডিফ তুলনার জন্য প্রতি লাইনে একটি প্রপার্টি ব্যবহার করুন।

পেশাদার LESS ফরম্যাটার প্রক্রিয়াকরণ বৈশিষ্ট্য

LESS ফরম্যাটার ডেটার সাথে দক্ষ এবং পেশাদারভাবে কাজ করার জন্য আপনার যা কিছু প্রয়োজন

LESS সিনট্যাক্স সাপোর্ট

ভেরিয়েবল, mixins, guards এবং detached rulesets সহ LESS-নির্দিষ্ট সিনট্যাক্সের সম্পূর্ণ সাপোর্ট।

LESS কোড সৌন্দর্যবর্ধন

সঠিক নেস্টিং এবং স্পেসিং সহ অগোছালো LESS কোডকে পরিষ্কার, সুসংগতভাবে ইন্ডেন্ট করা কোডে রূপান্তর করুন।

নেস্টেড নিয়ম ফরম্যাটিং

নেস্টেড সিলেক্টরগুলি সঠিকভাবে ইন্ডেন্ট করুন এবং LESS নিয়মে স্পষ্ট parent-child সম্পর্ক বজায় রাখুন।

Mixin ফরম্যাটিং

Mixin সংজ্ঞা, কল, parametric mixins এবং pattern matching সঠিকভাবে ফরম্যাট করুন।

Prettier চালিত

নির্ভরযোগ্য এবং সুসংগত আউটপুটের জন্য শিল্প-মানের Prettier ফরম্যাটার ইঞ্জিন ব্যবহার করে।

ভেরিয়েবল সারিবদ্ধকরণ

ক্লিনার স্টাইলশীট রক্ষণাবেক্ষণের জন্য LESS ভেরিয়েবল এবং গণনা সংগঠিত এবং সারিবদ্ধ করুন।

এটি কীভাবে কাজ করে

পেশাদারের মতো আপনার LESS ফরম্যাটার প্রক্রিয়া করার সহজ পদক্ষেপ

1

আপনার LESS পেস্ট করুন

আপনার LESS কোড ইনপুট এরিয়ায় পেস্ট করুন, অথবা শুরু করতে একটি নমুনা স্টাইলশীট লোড করুন।

2

বিকল্প কাস্টমাইজ করুন

আপনার প্রকল্পের মানের সাথে মিল রাখতে ইন্ডেন্টেশন আকার এবং ফরম্যাটিং বিকল্প নির্বাচন করুন।

3

ফরম্যাট এবং পর্যালোচনা করুন

আপনার LESS কোড সৌন্দর্যবর্ধন করতে ফরম্যাট বোতামে ক্লিক করুন এবং পরিষ্কার আউটপুট পর্যালোচনা করুন।

4

কপি বা ডাউনলোড করুন

ফরম্যাট করা LESS কোড আপনার ক্লিপবোর্ডে কপি করুন বা ফাইল হিসেবে ডাউনলোড করুন।

পেশাদার LESS ফরম্যাটার ফরম্যাটার ও ভ্যালিডেটর

LESS ফরম্যাটার প্রসেসিং সম্পূর্ণরূপে আপনার ব্রাউজারে চলে — কোনো আপলোড নেই, কোনো অ্যাকাউন্ট নেই, কোনো সীমাবদ্ধতা নেই।

বিশেষজ্ঞদের দ্বারা নির্মিত

LESS ফরম্যাটার ফরম্যাটিং ইঞ্জিন প্রতিষ্ঠিত পার্সার ও স্ট্যান্ডার্ড অ্যালগরিদম ব্যবহার করে আপনার ব্রাউজারে লোকালি চলে। কিছুই লুকানো নেই — আপনার ব্রাউজারের dev tools খুলে এটি কীভাবে কাজ করে দেখুন।

মূল প্রযুক্তিগত বৈশিষ্ট্য:

  • • Prettier-চালিত LESS ফরম্যাটিং ইঞ্জিন
  • • ভেরিয়েবল, mixins এবং নেস্টেড নিয়ম সাপোর্ট
  • • LESS-নির্দিষ্ট ফাংশন এবং অপারেশন হ্যান্ডলিং
  • • সর্বোচ্চ নিরাপত্তা এবং গতির জন্য ক্লায়েন্ট-সাইড প্রক্রিয়াকরণ
  • • ১০MB পর্যন্ত বড় ফাইল সাপোর্ট

বিশ্বস্ত ও নিরাপদ

আপনার ডেটা আপনার ব্রাউজারেই থাকে: কিছুই আপলোড, সংরক্ষণ বা লগ করা হয় না। ট্যাব বন্ধ করলেই সব মুছে যায়।

নিরাপত্তা ও গোপনীয়তা:

  • • ১০০% ক্লায়েন্ট-সাইড প্রক্রিয়াকরণ - ডেটা কখনই সার্ভারে পাঠানো হয় না
  • • কোনো ট্র্যাকিং, কুকিজ বা ডেটা সংগ্রহ নেই
  • • নিরাপদ সংযোগের জন্য HTTPS এনক্রিপশন
  • • প্রক্রিয়াকরণের পরে কোনো ডেটা সংরক্ষণ বা ক্যাশ করা হয় না
  • • GDPR এবং CCPA সম্মত পদ্ধতি

পেশাদাররা কেন EZ Formatter বেছে নেন

100%
ক্লায়েন্ট-সাইড প্রসেসিং
0
সার্ভারে প্রেরিত ডেটা
60
ওয়ার্কবেঞ্চে টুলসমূহ

আপনার ডেটা আপনার ব্রাউজারেই থাকে

সাধারণ জিজ্ঞাসা

Less Formatter ফরম্যাটিং সম্পর্কে সাধারণ প্রশ্নের উত্তর

হ্যাঁ, আমাদের LESS ফরম্যাটার সম্পূর্ণ বিনামূল্যে এবং নিবন্ধনের প্রয়োজন নেই। সমস্ত প্রক্রিয়াকরণ আপনার ব্রাউজারে হয়।

হ্যাঁ, আমাদের ফরম্যাটার LESS ভেরিয়েবল (@variable), mixins, guards এবং merge প্রপার্টি সঠিকভাবে পরিচালনা করে।

LESS ফরম্যাটারটি বিশেষভাবে LESS প্রিপ্রসেসর সিনট্যাক্স বোঝে যার মধ্যে ভেরিয়েবল, নেস্টিং, mixins এবং ফাংশন রয়েছে যা একটি সাধারণ CSS ফরম্যাটার পরিচালনা করতে পারে না।

না। ফরম্যাটার শুধুমাত্র হোয়াইটস্পেস এবং ইন্ডেন্টেশন সামঞ্জস্য করে। এটি কখনই সিলেক্টর, প্রপার্টি বা মান পরিবর্তন করে না।

ফরম্যাটারটি @import স্টেটমেন্ট এবং প্লাগইন-নির্দিষ্ট সিনট্যাক্স পরিচালনা করে। ইমপোর্ট রেজোলিউশন সম্পাদিত হয় না, শুধুমাত্র ফরম্যাটিং।

& প্যারেন্ট রেফারেন্স সহ নেস্টিং, ভেরিয়েবল (@width: 10px - @ সিগিলটি SCSS-এর $ থেকে আলাদা), প্যারামিটার লিস্ট ও গার্ড কন্ডিশন সহ মিক্সিন (when (@a > @b)), .loop() রিকার্সিভ মিক্সিন প্যাটার্ন, এবং ইউনিটসহ সংখ্যার উপর অপারেশন। ফরম্যাটার এগুলো সবই কাঠামোগতভাবে শনাক্ত করে, ইভ্যালুয়েট করে না।

Bootstrap 3/4-যুগের কোডবেস, এন্টারপ্রাইজ ডিজাইন সিস্টেম এবং পুরনো অ্যাডমিন থিম এখনও প্রোডাকশনে Less চালায়। ফরম্যাটিং মাইগ্রেশন ছাড়াই রক্ষণাবেক্ষণের সময় সেই কোডবেসগুলো পড়ার উপযোগী রাখে - এবং ফরম্যাটার ইচ্ছাকৃতভাবে @import পাথ বা মিক্সিন কল পুনর্লিখন এড়িয়ে চলে, যা SCSS সিমেনটিক্স থেকে আলাদা।

কাঠামোগতভাবে এগুলো অভিন্ন (এটাই Less-এর ডিজাইন - প্রতিটি ক্লাসই একটি মিক্সিন হতে পারে); ফরম্যাটার এদের একইভাবে বিবেচনা করে এবং শুধুমাত্র প্যারামিটারাইজড মিক্সিনের প্যারেন্থেসিসের ভেতরের স্পেসিং নরমালাইজ করে (.border-radius(@radius: 4px))। গার্ড এবং when কিওয়ার্ড হুবহু লেখা অবস্থায়ই রাখা হয়, কারণ এগুলো কম্পাইলার কোন মিক্সিন বেছে নেবে তা নির্ধারণ করে।

{-- * External Resources Component(#19 Phase 3b 内容佐证工程) * 工具页「权威引用」区块:RFC / W3C / WHATWG / ECMA / IANA / 官方规范站 / 官方语言文档 / Wikipedia。 * * - 接受 :slug 属性 → 经 config/tool-sources.php 家族矩阵渲染该工具的权威引用 * - slug 未命中映射时不渲染(无权威来源的工具静默跳过) * - 链接 title 保持英文(引用源专名);description 经 * common.resources.descriptions.{key} 本地化,lang 未命中回退英文(线上不裸奔) * - 链接保持 dofollow(rel="noopener noreferrer") * * @param string|null $slug --}}

প্রামাণিক রেফারেন্সসমূহ

যে স্ট্যান্ডার্ড ও অফিসিয়াল ডকুমেন্টেশন এই টুলের ব্যবহৃত ফরম্যাটগুলো সংজ্ঞায়িত করে।

সম্পর্কিত টুলসমূহ