Responsive web design
রেসপন্সিভ ওয়েব ডিজাইন (আরডাব্লুডি) বা রেসপন্সিভ ডিজাইন হল ওয়েব ডিজাইনের একটি পদ্ধতি যার লক্ষ্য হল ব্যবহারযোগ্যতা এবং সন্তুষ্টি নিশ্চিত করার জন্য বিভিন্ন ডিভাইস এবং উইন্ডো বা স্ক্রিনের আকারে ওয়েব পৃষ্ঠাগুলি ন্যূনতম থেকে সর্বোচ্চ ডিসপ্লে আকারের মধ্যে ভাল রেন্ডার করা। একটি প্রতিক্রিয়াশীল নকশা নিম্নলিখিত উপায়ে তরল অনুপাত-ভিত্তিক গ্রিড, নমনীয় চিত্র এবং সিএসএস3 মিডিয়া প্রশ্নের মতো কৌশল ব্যবহার করে ওয়েব-পৃষ্ঠার বিন্যাসকে দেখার পরিবেশের সাথে খাপ খাইয়ে নেয়, যা @media নিয়মের একটি বর্ধিতাংশঃ তরল গ্রিড ধারণাটি পৃষ্ঠা উপাদানের আকারকে পিক্সেল বা পয়েন্টের মতো পরম ইউনিটের পরিবর্তে শতাংশের মতো আপেক্ষিক ইউনিটে থাকার আহ্বান জানায়। নমনীয় চিত্রগুলি আপেক্ষিক এককগুলিতেও আকার দেওয়া হয়, যাতে সেগুলি তাদের ধারণকারী উপাদানের বাইরে প্রদর্শিত হতে না পারে। মিডিয়া প্রশ্নগুলি সাইটটি যে ডিভাইসে প্রদর্শিত হচ্ছে তার বৈশিষ্ট্যের উপর ভিত্তি করে বিভিন্ন সিএসএস শৈলীর নিয়ম ব্যবহার করার অনুমতি দেয়, যেমন। রেন্ডারিং পৃষ্ঠের প্রস্থ (ব্রাউজার উইন্ডোর প্রস্থ বা শারীরিক প্রদর্শনের আকার)। প্রতিক্রিয়াশীল বিন্যাস স্বয়ংক্রিয়ভাবে যে কোনও ডিভাইসের পর্দার আকারের সাথে সামঞ্জস্য এবং মানিয়ে নেয়, তা সে ডেস্কটপ, ল্যাপটপ, ট্যাবলেট বা মোবাইল ফোনই হোক না কেন। প্রতিক্রিয়াশীল ওয়েব ডিজাইন আরও গুরুত্বপূর্ণ হয়ে ওঠে কারণ মোবাইল ডিভাইসের ব্যবহারকারীরা ওয়েবসাইট দর্শকদের সংখ্যাগরিষ্ঠতার জন্য দায়বদ্ধ হয়। উদাহরণস্বরূপ, 2015 সালে, গুগল মোবাইলগেডন ঘোষণা করে এবং মোবাইল ডিভাইস থেকে অনুসন্ধান করার সময় মোবাইল-বান্ধব সাইটগুলির পেজ র্যাঙ্কিং বৃদ্ধি করতে শুরু করে। প্রতিক্রিয়াশীল ওয়েব ডিজাইন ইউজার ইন্টারফেস নমনীয়তার একটি উদাহরণ। চ্যালেঞ্জ এবং অন্যান্য পন্থা নিয়ে লুক রোব্লুস্কি কিছু আরডব্লিউডি এবং মোবাইল ডিজাইনের চ্যালেঞ্জের সংক্ষিপ্তসার করেছেন এবং মাল্টি-ডিভাইস লেআউট প্যাটার্নের একটি ক্যাটালগ তৈরি করেছেন। তিনি পরামর্শ দিয়েছিলেন যে, একটি সাধারণ এইচ. ডব্লিউ. ডি পদ্ধতির তুলনায়, ডিভাইস অভিজ্ঞতা বা আর. ই. এস. এস (সার্ভার-সাইড উপাদানগুলির সাথে প্রতিক্রিয়াশীল ওয়েব ডিজাইন) পদ্ধতিগুলি ব্যবহারকারীর অভিজ্ঞতা প্রদান করতে পারে যা মোবাইল ডিভাইসগুলির জন্য আরও ভাল অনুকূলিত। সার্ভার-সাইড সিএসএস জেনারেটরের মাধ্যমে স্যাসের মতো স্টাইলশিট ভাষার বাস্তবায়ন এই ধরনের পদ্ধতির অংশ হতে পারে। গুগল অন্যান্য পদ্ধতির তুলনায় স্মার্টফোন ওয়েবসাইটগুলির জন্য প্রতিক্রিয়াশীল নকশার সুপারিশ করেছে। যদিও অনেক প্রকাশক প্রতিক্রিয়াশীল নকশা প্রয়োগ করেছেন, আরডব্লিউডি গ্রহণের জন্য একটি চ্যালেঞ্জ ছিল যে কিছু ব্যানার বিজ্ঞাপন এবং ভিডিও তরল ছিল না। যাইহোক, অনুসন্ধান বিজ্ঞাপন এবং (ব্যানার) প্রদর্শন বিজ্ঞাপন নির্দিষ্ট ডিভাইস প্ল্যাটফর্ম লক্ষ্য এবং ডেস্কটপ, স্মার্টফোন এবং মৌলিক মোবাইল ডিভাইসের জন্য বিভিন্ন বিজ্ঞাপন আকারের বিন্যাসকে সমর্থন করতে এসেছিল। বিভিন্ন প্ল্যাটফর্মের জন্য বিভিন্ন অবতরণ পৃষ্ঠার ইউআরএল ব্যবহার করা হয়েছে, অথবা অ্যাজাক্স একটি পৃষ্ঠায় বিভিন্ন বিজ্ঞাপনের রূপগুলি প্রদর্শন করতে ব্যবহৃত হয়েছে। সিএসএস টেবিলগুলি হাইব্রিড স্থির এবং তরল বিন্যাসের অনুমতি দেয়। মোবাইল সাইট ভ্যালিডেটর এবং মোবাইল এমুলেটর থেকে শুরু করে অ্যাডোব এজ ইন্সপেক্ট-এর মতো একযোগে পরীক্ষার সরঞ্জাম পর্যন্ত আরডব্লিউডি ডিজাইনগুলি যাচাই ও পরীক্ষা করার অনেক উপায় রয়েছে। ক্রোম, ফায়ারফক্স এবং সাফারি ব্রাউজার এবং ডেভেলপার সরঞ্জামগুলি তৃতীয় পক্ষের মতো প্রতিক্রিয়াশীল ডিজাইন ভিউপোর্ট রিসাইজিং সরঞ্জাম সরবরাহ করেছে। এইচ. টি. এম. এল +-এর ডব্লিউ3সি স্পেসিফিকেশনে বলা হয়েছে যে ওয়েবসাইটগুলি ব্যবহারকারীর পছন্দ অনুযায়ী রেন্ডার করতে হবে। তবে ওয়েব পেজ বিন্যাসের কাস্টমাইজেশনের অভাব ছিল। অনেক ওয়েব ডেভেলপার বিন্যাসটি কাস্টমাইজ করার এবং একই সময়ে তাদের ওয়েবসাইটে কিছু মৌলিক প্রতিক্রিয়া আনার উপায় হিসাবে সাধারণ এইচটিএমএল টেবিলের আশ্রয় নিয়েছিল। ব্রাউজার ভিউপোর্ট প্রস্থের সাথে অ-তুচ্ছ পদ্ধতিতে খাপ খাইয়ে নেওয়া একটি বিন্যাসের বৈশিষ্ট্যযুক্ত প্রথম প্রধান সাইটটি 2001 সালের শেষের দিকে চালু করা হয়েছিল, যা রেজরফিশের একটি দল দ্বারা তৈরি করা হয়েছিল যার মধ্যে ছিল জুর্গেন স্প্যাংল এবং জিম কালবাখ (তথ্য স্থাপত্য), কেন ওলিং (নকশা), এবং জ্যান হফম্যান (ইন্টারফেস উন্নয়ন)। সীমিত ব্রাউজার সক্ষমতার অর্থ হল ইন্টারনেট এক্সপ্লোরারের জন্য, বিন্যাসটি ব্রাউজারে গতিশীলভাবে মানিয়ে নিতে পারে, যেখানে নেটস্কেপের জন্য, আকার পরিবর্তন করার সময় পৃষ্ঠাটি সার্ভার থেকে পুনরায় লোড করতে হয়। 2004 সালে ক্যামেরন অ্যাডামস একটি বিক্ষোভ প্রদর্শন করেন। 2008 সালের মধ্যে, বিন্যাস বর্ণনা করার জন্য "নমনীয়", "তরল", "তরল" এবং "স্থিতিস্থাপক" এর মতো বেশ কয়েকটি সম্পর্কিত শব্দ ব্যবহার করা হয়েছিল। সিএসএস3 মিডিয়া প্রশ্নগুলি 2008 সালের শেষের দিকে/2009 সালের গোড়ার দিকে প্রাইম টাইমের জন্য প্রায় প্রস্তুত ছিল। ইথান মার্কোটে প্রতিক্রিয়াশীল ওয়েব ডিজাইন শব্দটি তৈরি করেছিলেন-এবং এটিকে তরল গ্রিড/নমনীয় চিত্র/মিডিয়া প্রশ্ন বোঝাতে সংজ্ঞায়িত করেছিলেন-2010 সালের মে মাসে এ লিস্ট অ্যাপার্টের একটি নিবন্ধে। তিনি 2011 সালে তাঁর রেসপন্সিভ ওয়েব ডিজাইন শীর্ষক সংক্ষিপ্ত বইয়ে রেসপন্সিভ ওয়েব ডিজাইনের তত্ত্ব এবং অনুশীলন বর্ণনা করেছেন। প্রতিক্রিয়াশীল নকশাটি #1-এ প্রগতিশীল উন্নতির পরে. নেট ম্যাগাজিন দ্বারা 2012 সালের শীর্ষ ওয়েব ডিজাইনের প্রবণতাগুলিতে #2 হিসাবে তালিকাভুক্ত করা হয়েছিল। ম্যাশেবল 2013 সালকে রেসপন্সিভ ওয়েব ডিজাইনের বছর বলে অভিহিত করেছে। সম্পর্কিত ধারণাগুলি মোবাইল-ফার্স্ট ডিজাইন এবং প্রগতিশীল বর্ধন হল সম্পর্কিত ধারণাগুলি যা আরডব্লিউডি-র পূর্ববর্তী। মৌলিক মোবাইল ফোনের ব্রাউজারগুলি জাভাস্ক্রিপ্ট বা মিডিয়া প্রশ্নগুলি বোঝে না, তাই একটি প্রস্তাবিত অনুশীলন ছিল একটি মৌলিক ওয়েবসাইট তৈরি করা এবং স্মার্টফোন এবং ব্যক্তিগত কম্পিউটারের জন্য এটি উন্নত করা, মোবাইল ফোনে একটি জটিল, চিত্র-ভারী সাইটকে কাজ করার জন্য সুন্দর অবনতির উপর নির্ভর করার পরিবর্তে। আরও দেখুন অভিযোজিত ওয়েব ডিজাইন বুটস্ট্র্যাপ (ফ্রন্ট-এন্ড ফ্রেমওয়ার্ক) সিএসএস ফ্রেমওয়ার্ক ফাউন্ডেশন (ফ্রেমওয়ার্ক) টেবিললেস ওয়েব ডিজাইন রেফারেন্স 2010 সালে মানব-কম্পিউটার মিথস্ক্রিয়ায় কম্পিউটার-সম্পর্কিত পরিচিতি মোবাইল ওয়েব ব্যবহারযোগ্যতা ব্যবহারকারী ইন্টারফেস ওয়েব ডিজাইন 2010-এর নতুন সংজ্ঞা