Tailwind CSS: দ্রুত, প্রতিক্রিয়াশীল ডিজাইনের জন্য একটি ইউটিলিটি-ফার্স্ট CSS ফ্রেমওয়ার্ক এবং API
যদিও আমি দৈনিক ভিত্তিতে প্রযুক্তির গভীরে আছি, আমি আমার কোম্পানির গ্রাহকদের জন্য প্রয়োগ করা জটিল ইন্টিগ্রেশন এবং অটোমেশন ভাগ করতে যতটা সময় চাই ততটা সময় পাই না। পাশাপাশি, আমার অনেক আবিষ্কারের সময় নেই। আমি যে প্রযুক্তির বিষয়ে লিখছি তার বেশিরভাগই এমন সংস্থাগুলি যা সন্ধান করে Martech Zone তাদের আচ্ছাদন, কিন্তু প্রতি একবার একবার - বিশেষ করে টুইটারের মাধ্যমে - আমি একটি নতুন প্রযুক্তির আশেপাশে কিছু গুঞ্জন দেখতে পাচ্ছি যা আমার ভাগ করা দরকার।
আপনি যদি ওয়েব ডিজাইনে কাজ করেন, মোবাইল অ্যাপ ডেভেলপমেন্ট করেন, অথবা শুধু একটি কন্টেন্ট ম্যানেজমেন্ট সিস্টেম সেট আপ করেন, আপনি সম্ভবত একাধিক স্টাইলশীট জুড়ে প্রতিযোগিতামূলক স্টাইলের হতাশার সাথে লড়াই করেছেন। এমনকি প্রতিটি ব্রাউজারের মধ্যে নির্মিত আশ্চর্যজনক ডেভেলপমেন্ট টুলস দিয়েও, সিএসএস ট্র্যাকিং এবং পরিষ্কার করার জন্য অনেক বেশি সময় এবং শক্তির প্রয়োজন হতে পারে।
সিএসএস ফ্রেমওয়ার্কস
সাম্প্রতিক বছরগুলিতে, ডিজাইনারগণ শৈলীর সংগ্রহ প্রকাশের একটি চমত্কার কাজ করেছেন যা প্রস্তুত এবং ব্যবহারের জন্য প্রস্তুত। এই সিএসএস স্টাইলশীটগুলি সিএসএস ফ্রেমওয়ার্কস নামে বেশি পরিচিত, বিভিন্ন স্টাইল এবং প্রতিক্রিয়াশীল ক্ষমতাগুলিকে সামঞ্জস্য করার চেষ্টা করছে যাতে ডেভেলপাররা স্ক্র্যাচ থেকে একটি সিএসএস ফাইল তৈরির পরিবর্তে কেবল একটি কাঠামোর উল্লেখ করতে পারে। কিছু জনপ্রিয় কাঠামো হল:
- বুটস্ট্র্যাপ - একটি কাঠামো যা এক দশক ধরে বিকশিত হয়েছে, প্রথমে টুইটার দ্বারা প্রবর্তিত হয়েছিল। এটি অগণিত বৈশিষ্ট্য প্রদান করে। এটিতে ডাউনসাইড রয়েছে, এসএএসএস প্রয়োজন, ওভাররেড করা কঠিন, JQquery এর উপর নির্ভরশীল এবং এটি লোড করা বেশ ভারী।
- আবিষ্কার -একটি পরিষ্কার কাঠামো যা ডেভেলপার বান্ধব এবং জাভাস্ক্রিপ্টের উপর কোন নির্ভরতা নেই।
- ভিত - একটি আরো সাধারণ এবং ব্যবহারযোগ্য CSS ফ্রেমওয়ার্ক যাতে সহজেই কাস্টমাইজযোগ্য টন উপাদান থাকে। উপরন্তু, আছে ইমেলের জন্য ফাউন্ডেশন এবং মোশন UI অ্যানিমেশনের জন্য।
- ইউআই কিট -এইচটিএমএল, জাভাস্ক্রিপ্ট এবং সিএসএস এর সমন্বয় যাতে আপনার ফ্রন্ট-এন্ড দ্রুত এবং সহজেই বিকশিত হয়।
Tailwind CSS ফ্রেমওয়ার্ক
যদিও অন্যান্য কাঠামো জনপ্রিয় ব্যবহারকারী ইন্টারফেস উপাদানগুলিকে সামঞ্জস্য করার একটি দুর্দান্ত কাজ করে, Tailwind একটি পদ্ধতি ব্যবহার করে যা পরিচিত পারমাণবিক CSS। সংক্ষেপে, Tailwind কৌতূহলবশত শ্রেণীর নামগুলিকে প্রাকৃতিক ভাষা ব্যবহার করে তারা যা বলে তা করার জন্য সংগঠিত করে। সুতরাং, যখন টেইলউইন্ডে উপাদানগুলির একটি লাইব্রেরি নেই, কেবলমাত্র CSS শ্রেণীর নাম উল্লেখ করে একটি শক্তিশালী, প্রতিক্রিয়াশীল ইন্টারফেস তৈরি করার ক্ষমতা মার্জিত, দ্রুত এবং অতুলনীয়।
এখানে কিছু সত্যিই দুর্দান্ত উদাহরণ রয়েছে:
CSS গ্রিড
সিএসএস গ্রেডিয়েন্টস
ডার্ক মোড সাপোর্টের জন্য CSS
Tailwind এছাড়াও একটি চমত্কার আছে এক্সটেনশন উপলব্ধ ভিএস কোডের জন্য যাতে আপনি সহজেই মাইক্রোসফটের কোড এডিটর থেকে ক্লাস সনাক্ত এবং সন্নিবেশ করতে পারেন।
এমনকি আরো বুদ্ধিমান, Tailwind স্বয়ংক্রিয়ভাবে সমস্ত অব্যবহৃত CSS অপসারণ করে যখন উৎপাদনের জন্য তৈরি করা হয়, যার মানে আপনার চূড়ান্ত CSS বান্ডেলটি সম্ভবত এটি হতে পারে সবচেয়ে ছোট। আসলে, বেশিরভাগ Tailwind প্রকল্পগুলি ক্লায়েন্টের কাছে 10kB এর কম CSS পাঠায়।