রেসপনসিভ ওয়েব ডিজাইন এমনেই এক প্রযুক্তি যার সাহায্যে ওয়েবসাইট তৈরি করলে সেটি যত বড় সাইজের কিংবা রেজুলুশানের পর্দার ডিভাইস কিংবা হোক না কেন, সেটি সুন্দরভাবে পর্দায় সেট হয়ে প্রদর্শিত হবে ভিজিটরের পর্দায়। আগে ওয়েবসাইটের মোবাইল ভার্সন বানানোর জন্য ওয়েব ডিজাইনার-ডেভেলপারদের অনেক কন্টেন্ট (লেখা, ইমেজ) বাদ দিয়ে করতে হত কিন্তু রেসপনসিভ ওয়েব টেকনোলজী ব্যবহারের ফলে কোন কন্টেন্ট বাদ দিতে হয় না বরং কন্টেন্টগুলো সহজেই যেকোন পর্দায় ফিট হয়ে যায়।

কিভাবে আপনার ওয়েবসাইটকে রেসপনসিভ বানাবেন?
আপনার ওয়েবসাইটকে রেসপনসিভ বানাতে চাইলে আপনি দুটো পদ্ধতিতে করতে পারেন। প্রথমটি হল নিজেই সিএসএস এবং অন্যান্য মিডিয়া কুয়েরী ব্যবহার করে রেসপনসিভ করা। দ্বিতীয়টি হল কোন রেসপনসিভ এর জন্য সিএসএস ফ্রেমওয়ার্ক এর সাহায্য নেয়া। অনেকগুলো ফ্রি রেসপনসিভ ফ্রেমওয়ার্ক আছে যেগুলো দিয়ে আপনি সহজেই একটি ওয়েবসাইটকে রেসপনসিভ বানাতে পারেন। ফ্রেমওয়ার্কগুলো হলঃ

বুটস্ট্রাপ, ফাউন্ডেশান, লেস ফ্রেমওয়ার্ক, ৯৬০ গ্রিড সিস্টেম, ১১৪০ গ্রিড সিস্টেম, গামবি, গোল্ডেন গ্রিড সিস্টেম, টাইটান, বেস, সুসি, স্কেলেটন ইত্যাদি।
তবে আমরা আজ ফাউন্ডেশান ফ্রেমওয়ার্ক শিখব।

জার্ব ফাউন্ডেশন (Zurb Foundation) :
এটি একটি অত্যাধুনিক ফ্রেমওয়ার্ক যা দ্বারা খুব দ্রুত যেকোন ডিভাইসের উপযোগী করে ওয়েবসাইট এবং অ্যাপ তৈরি করা যায়। এতে রেসপনসিভ গ্রিডসহ অনেকগুলো লেয়াউট তৈরি করা আছে।

খুব সহজে এবং দ্রুত ওয়েব ডেভলপমেন্টের প্রজেক্ট শুরু করার জন্য বেশ কিছু এইচটিএমএল ফ্রেমওয়ার্ক রয়েছে। ফ্রেমওয়ার্কগুলো মূলত কিছু কোড এবং টুলের সমষ্টি। অর্থাৎ এখানে এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্টের দ্বারা বিভিন্ন লেয়াউট ডিজাইন (ফর্ম, বাটন, চার্ট, গ্রিড ইত্যাদি) করা থাকে যেখান থেকে প্রয়োজন অনুসারে কোড যোজন বা বিয়োজনের মাধ্যমে দ্রুত সাইটের লেয়াউট তৈরি করা যায়। বেশ কিছু জনপ্রিয় এইচটিএমএল ফ্রেমওয়ার্ক রয়েছে, আমরা আজ ফাউন্ডেশান ফ্রেমওয়ার্ক শিখব।

ফাউন্ডেশন ফ্রেমওয়ার্ক দিয়ে রেসপনসিভ ওয়েব ডিজাইন লাইভ বাংলা টিউটোরিয়াল - ভিডিও