সিরিজের এই দ্বিতীয় নিবন্ধে আসুন বুটস্ট্র্যাপ বৈশিষ্ট্যগুলি নিয়ে কাজ করি। এটি ওয়েব সাইট এবং অ্যাপ্লিকেশনগুলির ডিজাইনের জন্য সম্পদের একটি সম্পূর্ণ লাইব্রেরি, যার মধ্যে ফর্ম, ফন্ট এবং মেনুগুলির জন্য টেমপ্লেট এবং উপাদানগুলি সহ।
মধ্যে পূর্ববর্তী নিবন্ধ আমরা যুক্তি দিয়েছিলাম যে এমন সময় আছে যখন বিষয়বস্তু পরিচালকরা সর্বোত্তম বিকল্প নয় এবং তা একটি ওয়েবসাইটের জন্য স্ক্র্যাচ থেকে কোড লেখা সঠিক বিকল্প। যাইহোক, এর অর্থ এই নয় যে আমাদের চাকাটি পুনরায় উদ্ভাবন করতে হবে। বুটস্ট্র্যাপের মতো ফ্রেমওয়ার্ক ব্যবহার করা ডিজাইনের সময়কে অনেক কমিয়ে দেয় এবং ফলাফল পাওয়া সহজ করে তোলে।
বুটস্ট্র্যাপ বৈশিষ্ট্য
বুটস্ট্র্যাপের বৈশিষ্ট্য বোঝার জন্য আমাদের বুঝতে হবে ওয়েবসাইট ডিজাইনের দৃষ্টান্ত পরিবর্তন।
যখন তারা হাজির ওয়েবসাইটগুলিকে কেবল বিভিন্ন আকারের মনিটরের সাথে মানিয়ে নিতে হয়েছিল। কিন্তু, সময়ের সাথে সাথে, মোবাইল ফোন এবং ট্যাবলেটগুলি ক্রমবর্ধমানভাবে ব্যবহারকারীদের অ্যাক্সেসের পছন্দের মাধ্যম হয়ে উঠেছে। চ্যালেঞ্জটি ছিল পৃষ্ঠাগুলিকে বিভিন্ন স্ক্রিনের সাথে খাপ খাইয়ে নেওয়ার জন্য ব্যবহারকারীকে এটি দেখতে সক্ষম হওয়ার জন্য বিষয়বস্তুকে বড় করা, সঙ্কুচিত বা সরানো ছাড়াই।
নীতিগতভাবে নিম্নলিখিত পদ্ধতিগুলি গ্রহণ করা হয়েছিল:
- প্রতিক্রিয়াশীল নকশা: ডিজাইন একই কিন্তু স্বয়ংক্রিয়ভাবে স্ক্রিনের আকারের সাথে মানিয়ে যায়। এই পদ্ধতির কিছু সমস্যা রয়েছে যেমন ব্যবহারকারীকে সেগুলি দেখার জন্য পৃষ্ঠার নির্দিষ্ট বিভাগে জুম করতে বাধ্য করা হতে পারে।
- প্রগতিশীল অগ্রগতি: এটি কম সংস্থান সহ ডিভাইসের জন্য সাইট ডিজাইন করার মাধ্যমে শুরু হয় (সাধারণত মোবাইল ফোন কারণ এটির একটি ছোট স্ক্রীন রয়েছে, উন্নত বৈশিষ্ট্যগুলির জন্য কম সামঞ্জস্যপূর্ণ একটি ব্রাউজার এবং সংযোগ করতে প্রায়শই একটি ডেটা প্ল্যান ব্যবহার করা প্রয়োজন)৷ একবার শেষ হয়ে গেলে, এই ডিজাইনের উপর ভিত্তি করে, ট্যাবলেট, নোটবুক এবং ডেস্কটপ কম্পিউটারের সংস্করণ পেতে বৈশিষ্ট্য যুক্ত করা হয়।
- ক্রমান্বয়ে অবনতি: এটি বিপরীত পথ। ডেস্কটপ সাইটটি প্রথমে তৈরি করা হয় এবং একটি মোবাইল-বান্ধব সংস্করণ না পাওয়া পর্যন্ত বৈশিষ্ট্যগুলি সরানো হয়৷
যেহেতু এটি সরানোর চেয়ে যোগ করা সবসময় সহজ, প্রগতিশীল অগ্রগতি হল সেই প্রবণতা যা বিরাজ করতে পেরেছে। খ.উটস্ট্র্যাপ উদাহরণস্বরূপ "মোবাইল ফার্স্ট" পদ্ধতি গ্রহণ করে, অর্থাৎ ডিজাইনের ভিত্তি সর্বদা সেই সংস্করণ যা ক্ষুদ্রতম স্ক্রীনের আকারে দেখানো হবে এবং তারপরে, অনুসরণ করা আকারগুলিতে পাস করার সাথে সাথে যে পরিবর্তনগুলি করা হবে তা প্রতিষ্ঠিত হয়।
বুটস্ট্র্যাপ ব্যবহার করার একটি অতিরিক্ত সুবিধার সাথে এটির সম্পর্ক রয়েছে গুগল তার অনুসন্ধানে মোবাইল-বান্ধব সাইটগুলিকে অগ্রাধিকার দেয়৷
আরেকটি ধারণা যা আমাদের অবশ্যই বিবেচনায় নিতে হবে তা হল ফ্রন্টএন্ড এবং ব্যাকএন্ড ডিজাইনের মধ্যে পার্থক্য। ফ্রন্ট-এন্ড ডিজাইন ব্যবহারকারী যা দেখে এবং তারা যা কিছুর সাথে ইন্টারঅ্যাক্ট করে তার সবকিছুর যত্ন নেয়। ব্যাকএন্ড গ্রুপ সার্ভারে কি করা হয়. পূর্বের একটি উদাহরণ হল একটি ওয়েব ফর্ম। একটি ড্রপ-ডাউন মেনু হল ফ্রন্টএন্ড ডিজাইন হিসাবে একটি সিরিজের অপশন দেখানো, যেটি নির্বাচিত বিকল্পটি মেল দ্বারা পাঠানো হয় বা ডাটাবেসে যোগ করা হয় ব্যাকএন্ড ডিজাইন।
বুটস্ট্র্যাপ হল একটি ফ্রেমওয়ার্ক যা রেন্ডারিং নিয়ন্ত্রণ করতে এবং HTML5-এ বিকশিত একটি পৃষ্ঠার সমস্ত উপাদানকে ইন্টারঅ্যাক্টিভিটি দিতে CSS শৈলী এবং জাভাস্ক্রিপ্ট প্রোগ্রামিং-এর উপাদানগুলিকে একত্রিত করে।
বুটস্ট্র্যাপ দিয়ে আমরা যে জিনিসগুলি নিয়ন্ত্রণ করতে পারি তার মধ্যে রয়েছে:
- অভিগম্যতা: মেনু বা ডায়ালগগুলির মতো উপাদানগুলি স্ক্রিন রিডারগুলির সাথে সামঞ্জস্যপূর্ণ বা কম গতিশীলতা সহ লোকেদের ব্যবহারের জন্য উপযুক্ত৷
- বাটনগুলি: ব্যবস্থা, শৈলী, রাজ্য এবং গ্রুপিং সহ।
- ফর্ম: রেন্ডারিং, নিয়ন্ত্রণের ধরন এবং ইনপুট বৈধতা সহ।
- চিত্রাবলী: সন্নিবেশিত চিত্রগুলির উৎপত্তি, প্রান্তিককরণ এবং পর্দার আকার নিয়ন্ত্রণ করে।
- নেভিগেশন উপাদান: উদাহরণস্বরূপ, ডিভাইসের উপর নির্ভর করে আড়ালযোগ্য সাইডবার বা উল্লম্ব বা অনুভূমিক মেনু।
- টাইপোগ্রাফি: পাঠ্যের বিভিন্ন অংশ কীভাবে প্রদর্শিত হবে তা নিয়ন্ত্রণ করুন।
- বিন্যাস: ডিভাইসের উপর নির্ভর করে সামগ্রী রেন্ডারিং সামঞ্জস্য করা
পরবর্তী প্রবন্ধে আমরা এর ব্যবহারের কিছু বাস্তব উদাহরণ দেখব।
বুটস্ট্র্যাপ সম্পর্কে কিছু শেখার জন্য উন্মুখ.
আপনার সময় জন্য ধন্যবাদ!