Home-theater-designers
ইন্টারনেট এক্সপ্লোরার (IE) সমর্থন এবং jQuery নির্ভরতার জন্য ড্রপ সহ বুটস্ট্র্যাপ 5 বড় পরিবর্তন নিয়ে এসেছে। টুইটার দ্বারা বিকশিত, বুটস্ট্র্যাপ হল বিশ্বের সবচেয়ে জনপ্রিয় CSS ফ্রেমওয়ার্ক। ওপেন-সোর্স ইউজার ইন্টারফেস ফ্রেমওয়ার্ক ভবিষ্যতের জন্য নিজের অবস্থানের দিকে তাকিয়ে আছে, এবং এটি দেখেছে যে এটি v5 তে স্থল-ভাঙা পরিবর্তন করতে পারে।
IE এর জন্য বুটস্ট্র্যাপের ড্রপ এটি করার জন্য এটি প্রথম ওয়েব ডেভেলপমেন্ট টুল হিসাবে তৈরি করেছে। ইন্টারনেট এক্সপ্লোরারের মার্কেট শেয়ার ক্রমাগত হ্রাস পাচ্ছে, যা সমস্ত ওয়েব ব্রাউজারের 3% এরও কম।
বুটস্ট্র্যাপে আরও কী কী উন্নতি হয়েছে এবং সেগুলি আপনাকে কীভাবে প্রভাবিত করে তা দেখতে পড়ুন।
1. jQuery সাপোর্ট
বুটস্ট্র্যাপ আর jQuery লাইব্রেরি ব্যবহার করবে না। উন্নয়ন দলটি পরিবর্তনের পরিবর্তে জাভাস্ক্রিপ্ট লাইব্রেরির উন্নতি করেছে এই পরিবর্তনকে কার্যকর করতে। বুটস্ট্র্যাপে jQuery নির্ভরতা অগত্যা একটি খারাপ জিনিস ছিল না।
প্রকৃতপক্ষে, jQuery এর প্রবর্তনে জাভাস্ক্রিপ্ট কীভাবে ব্যবহার করা হয়েছিল তা আমূল পরিবর্তিত হয়েছে। এটি জাভাস্ক্রিপ্টে লেখার কাজগুলিকে সহজ করেছে যা অন্যথায় কোডের অনেক লাইন নিয়ে যেত।
সম্পর্কিত: JQuery এ কীভাবে একটি উপাদান তৈরি করবেন তা শিখুন
এত কিছুর পরেও, দল এটি থেকে দূরে থাকার সিদ্ধান্ত নিয়েছে। এটি ছোট উৎস ফাইল এবং উচ্চতর পৃষ্ঠা লোডের সময় সুবিধা নিয়ে আসে। এটি একটি খুব প্রয়োজনীয় পরিবর্তন ছিল যা বুটস্ট্র্যাপকে আরও ভবিষ্যতের বান্ধব শৈলী দেখতে পাবে।
উত্স ফাইলের আকার K৫ কেবি মিনিফাইড জাভাস্ক্রিপ্ট দ্বারা হাল্কা হয়ে উঠেছে এবং এটি গুরুত্বপূর্ণ কারণ গুগল মোবাইল সাইটের জন্য পৃষ্ঠা লোড করার সময়কে র ranking্যাঙ্কিং ফ্যাক্টর হিসেবে বিবেচনা করে।
বুটস্ট্র্যাপ 5 এ যত বেশি jQuery এর ব্যবহার আর প্রয়োজন নেই, আপনি চাইলে এটি ব্যবহার করতে পারেন। এটাও লক্ষণীয় যে সমস্ত জাভাস্ক্রিপ্ট প্লাগইন পাওয়া যায়।
2. CSS কাস্টম প্রোপার্টি
ইন্টারনেট এক্সপ্লোরার সমর্থন বাদ দিয়ে, কাস্টম CSS বৈশিষ্ট্য (ভেরিয়েবল) ব্যবহার করা যেতে পারে। IE কাস্টম প্রোপার্টিগুলিকে সমর্থন করে না - এটি একটি দীর্ঘ সময় ওয়েব ডেভেলপারদের আটকে রাখার একটি কারণ।
CSS কাস্টম প্রপার্টি CSS কে আরও নমনীয় এবং প্রোগ্রামযোগ্য করে তোলে। CSS ভেরিয়েবল এর সাথে উপসর্গযুক্ত -বিএস তৃতীয় পক্ষের CSS- এর সাথে দ্বন্দ্ব রোধ করতে।
দুটি ধরনের ভেরিয়েবল পাওয়া যায়: রুট ভেরিয়েবল এবং কম্পোনেন্ট ভেরিয়েবল।
যেখানেই বুটস্ট্র্যাপ সিএসএস লোড হয় সেখানে রুট ভেরিয়েবল অ্যাক্সেস করা যায়। এই ভেরিয়েবলগুলি অবস্থিত _root.scss ফাইল এবং সংকলিত dist ফাইলের অংশ।
কম্পোনেন্ট ভেরিয়েবলগুলি বিশেষ কম্পোনেন্টে স্থানীয় ভেরিয়েবল হিসেবে ব্যবহৃত হয়। এগুলি নেস্টেড টেবিলের মতো উপাদানগুলির শৈলীর দুর্ঘটনাক্রমে উত্তরাধিকার এড়াতে সহায়ক।
3. উন্নত গ্রিড সিস্টেম
যেহেতু সংস্করণ 3 থেকে 4 পর্যন্ত আপগ্রেড করার কিছু সমস্যা ছিল, বুটস্ট্র্যাপ 5 এইবার সিস্টেমের বেশিরভাগ অংশ ধরে রেখেছে, এটি সম্পূর্ণরূপে পরিবর্তনের পরিবর্তে বিদ্যমান সিস্টেমের উপর ভিত্তি করে। কিছু পরিবর্তন হল:
- গটার ক্লাস ( .boys ) একটি ইউটিলিটিতে প্রতিস্থাপিত হয়েছে ( .g* ) অনেকটা মার্জিন এবং প্যাডিং এর মত
- উল্লম্ব ব্যবধান ক্লাসও অন্তর্ভুক্ত করা হয়েছে
- কলামগুলি আর ডিফল্ট করা হয় না অবস্থান: আপেক্ষিক
4. উন্নত ডকুমেন্টেশন
ডকুমেন্টেশন আরও তথ্যের সাথে উন্নত করা হয়েছে বিশেষ করে যখন কাস্টমাইজেশনের কথা আসে। একটি সাধারণ সমস্যা ছিল যে বুটস্ট্র্যাপ ব্যবহার করে এমন অনেক সাইটের সাথে, আপনি অবিলম্বে সনাক্ত করতে পারেন যে এটি বুটস্ট্র্যাপ ব্যবহার করছে। বুটস্ট্র্যাপ 5 এখন একটি নতুন চেহারা এবং অনুভূতি এবং আরও ভাল কাস্টমাইজেশনের সাথে আসে।
আপনার থিমগুলি কাস্টমাইজ করার জন্য এখন আরও নমনীয়তা রয়েছে যাতে প্রতিটি সাইট বা অ্যাপ্লিকেশন একই সাদৃশ্য বহন করে না। V4 থিমিং পৃষ্ঠাটি আসলে সাস (জনপ্রিয় CSS প্রি-প্রসেসর) ফাইলের উপরে নির্মাণের জন্য আরো বিষয়বস্তু এবং কোড স্নিপেটের সাথে প্রসারিত করা হয়েছে। আপনি গিটহাব প্ল্যাটফর্মে একটি স্টার্টার এনপিএম প্রকল্পও খুঁজে পেতে পারেন যা একটি টেমপ্লেট সংগ্রহস্থল হিসাবে উপলব্ধ।
কালার প্যালেটটি 5 সংস্করণেও সম্প্রসারিত করা হয়েছে। বর্ধিত অন্তর্নির্মিত রঙ ব্যবস্থা বোঝায় যে আপনি আপনার কোডবেস ছাড়াই আপনার রঙকে সহজেই স্টাইল করতে পারেন। রঙের বৈসাদৃশ্য উন্নত করার জন্য আরও কাজ করা হয়েছে, যার মধ্যে বুটস্ট্র্যাপ রঙের ডক্সগুলিতে রঙের বৈসাদৃশ্য মেট্রিক্স যুক্ত করাও রয়েছে।
5. উন্নত ফর্ম নিয়ন্ত্রণ
বুটস্ট্র্যাপ তার ফর্ম নিয়ন্ত্রণ, ইনপুট গ্রুপ এবং আরও অনেক কিছু উন্নত করেছে।
V4 তে, বুটস্ট্র্যাপ প্রতিটি ব্রাউজারের প্রদত্ত ডিফল্ট ছাড়াও কাস্টম ফর্ম নিয়ন্ত্রণ ব্যবহার করছিল। V5 এ, এগুলি সব এখন কাস্টমাইজড। সমস্ত রেডিও বোতাম, চেকবক্স, ফাইল, পরিসীমা এবং আরও অনেক কিছু তাদের বিভিন্ন ব্রাউজারে একই চেহারা এবং আচরণ দিতে।
নতুন ফর্ম কন্ট্রোলগুলিতে আর অপ্রয়োজনীয় রঙিন মার্কআপ থাকে না, বরং স্ট্যান্ডার্ড এবং লজিক্যাল ডিজাইনের বৈশিষ্ট্যগুলিতে ফোকাস করা হয়।
6. বুটস্ট্র্যাপ 5 ইউটিলিটি API যোগ করে
Tailwind CSS এর মতো নতুন CSS লাইব্রেরি অনুসরণ করে, বুটস্ট্র্যাপ এখন একটি ইউটিলিটি লাইব্রেরি যুক্ত করছে। বুটস্ট্র্যাপ টিম বলছে যে অন্যান্য ডেভেলপাররা ওয়েবে আমরা যেভাবে গত দশক ধরে তৈরি করেছি তা কীভাবে চ্যালেঞ্জ করছে তা দেখে তারা খুশি।
ইউটিলিটিগুলি উন্নয়ন সম্প্রদায়ের গতিশীলতা অর্জন করছে এবং বুটস্ট্র্যাপ দল লক্ষ্য করেছে। দলটি এর আগে বৈশ্বিক ব্যবহার করে v4 তে ইউটিলিটিগুলির বিধান যুক্ত করেছিল $ সক্ষম-* ক্লাস V5 এ, তারা একটি API পদ্ধতি এবং Sass- এ একটি নতুন ভাষা এবং বাক্যবিন্যাসে পরিবর্তিত হয়েছে। এটি আপনাকে নতুন ইউটিলিটি তৈরি করার ক্ষমতা দেবে যখন এখনও প্রদত্ত ডিফল্টগুলি অপসারণ বা সংশোধন করতে সক্ষম হবে।
আরও ভাল সংগঠন দেওয়ার উপায় হিসাবে, v4 এ থাকা কিছু ইউটিলিটি হেল্পারস বিভাগে সরানো হয়েছে।
7. নতুন বুটস্ট্র্যাপ আইকন লাইব্রেরি
বুটস্ট্র্যাপ এখন 1,300 টি আইকন সহ নিজস্ব ওপেন সোর্স এসভিজি আইকন লাইব্রেরি নিয়ে গর্বিত। এটি কাঠামোর উপাদানগুলির জন্য কাস্টম তৈরি করা হয়েছে তবে আপনি এখনও তাদের সাথে যে কোনও প্রকল্পে কাজ করতে পারেন।
প্রদত্ত যে তারা SVG ইমেজ, তারা দ্রুত স্কেল করতে পারে এবং অনেক উপায়ে বাস্তবায়িত হতে পারে এবং CSS এর সাথে স্টাইল করা যায়।
আপনি আইকন ব্যবহার করে ইনস্টল করতে পারেন সমুদ্রতল উপরে:
$ npm i bootstrap-iconsবুটস্ট্র্যাপ 5 ইনস্টল করুন
আপনি যেতে পারেন বুটস্ট্র্যাপ 5 অফিসিয়াল ডাউনলোড পৃষ্ঠা যদি আপনি এটি ইনস্টল করতে চান। আপনি যদি সর্বশেষ ডেভেলপমেন্ট রিলিজের সাথে সামঞ্জস্য রাখতে চান তবে আপনি ব্যবহার করতে পারেন সমুদ্রতল উপরে এটি টানতে:
$ npm i bootstrap@next
এই লেখার সময়, কাঠামোটি এর বিটা 3 সংস্করণে রয়েছে। এর মানে হল যে সফ্টওয়্যারটি ব্যবহার করা নিরাপদ কিন্তু এখনও বিকাশে রয়েছে। দলকে নির্দ্বিধায় মতামত জানাতে এবং প্রয়োজনীয় অবদান রাখতে।
শেয়ার করুন শেয়ার করুন টুইট ইমেইল ওয়েব কম্পোনেন্ট এবং কম্পোনেন্ট-ভিত্তিক আর্কিটেকচারের একটি ভূমিকাআসুন সাধারণ ওয়েব উপাদানগুলির দিকে নজর দেওয়া যাক এবং দেখুন কেন তারা দরকারী।
পরবর্তী পড়ুন সম্পর্কিত বিষয়- প্রোগ্রামিং
- ওয়েব ডেভেলপমেন্ট
- জাভাস্ক্রিপ্ট
- সিএসএস
জেরোম MakeUseOf এর একজন স্টাফ রাইটার। তিনি প্রোগ্রামিং এবং লিনাক্স সম্পর্কিত নিবন্ধগুলি জুড়েছেন। তিনি একজন ক্রিপ্টো উত্সাহী এবং সর্বদা ক্রিপ্টো শিল্পের উপর নজর রাখেন।
জেরোম ডেভিডসন থেকে আরোআমাদের নিউজলেটার সদস্যতা
প্রযুক্তি টিপস, রিভিউ, ফ্রি ইবুক এবং এক্সক্লুসিভ ডিলের জন্য আমাদের নিউজলেটারে যোগ দিন!
উইন্ডোজ 7 এর জন্য সফটওয়্যার থাকতে হবেসাবস্ক্রাইব করতে এখানে ক্লিক করুন