Responsive web design
رسپانسیو ویب ڈیزائن (آر ڈبلیو ڈی) یا رسپانسیو ڈیزائن ویب ڈیزائن کے لیے ایک نقطہ نظر ہے جس کا مقصد ویب پیجز کو مختلف آلات اور ونڈو یا اسکرین سائز پر کم سے کم سے زیادہ ڈسپلے سائز تک اچھی طرح سے پیش کرنا ہے تاکہ استعمال اور اطمینان کو یقینی بنایا جا سکے۔ ایک ذمہ دار ڈیزائن ویب پیج کی ترتیب کو دیکھنے کے ماحول کے مطابق ڈھالتا ہے جس میں سیال تناسب پر مبنی گرڈ، لچکدار تصاویر، اور CSS3 میڈیا سوالات جیسی تکنیکوں کا استعمال کیا جاتا ہے، جو کہ @media اصول کی توسیع ہے، مندرجہ ذیل طریقوں سے: سیال گرڈ کا تصور صفحہ عنصر کے سائز کو پکسلز یا پوائنٹس جیسی مطلق اکائیوں کے بجائے فیصد جیسی متعلقہ اکائیوں میں ہونے کا مطالبہ کرتا ہے۔ لچکدار تصاویر بھی متعلقہ اکائیوں میں سائز کی ہوتی ہیں، تاکہ انہیں ان پر مشتمل عنصر کے باہر ظاہر ہونے سے روکا جا سکے۔ میڈیا کے سوالات صفحہ کو اس آلہ کی خصوصیات کی بنیاد پر مختلف سی ایس ایس طرز کے قواعد استعمال کرنے کی اجازت دیتے ہیں جس پر سائٹ دکھائی جا رہی ہے، مثال کے طور پر۔ انجام دینے والی سطح کی چوڑائی (براؤزر ونڈو کی چوڑائی یا فزیکل ڈسپلے سائز)۔ ذمہ دار ترتیب خود بخود کسی بھی ڈیوائس اسکرین کے سائز کو ایڈجسٹ اور ایڈجسٹ کرتی ہے، چاہے وہ ڈیسک ٹاپ ہو، لیپ ٹاپ ہو، ٹیبلٹ ہو یا موبائل فون ہو۔ ذمہ دار ویب ڈیزائن زیادہ اہم ہو گیا کیونکہ موبائل ڈیوائسز کے صارفین ویب سائٹ پر آنے والوں کی اکثریت کے لیے ذمہ دار بن گئے۔ مثال کے طور پر، 2015 میں، گوگل نے موبائل گیڈن کا اعلان کیا اور موبائل ڈیوائس سے تلاش کرتے وقت موبائل دوستانہ سائٹوں کی پیج رینکنگ کو بڑھانا شروع کیا۔ رسپانسیو ویب ڈیزائن یوزر انٹرفیس پلاسٹکٹی کی ایک مثال ہے۔ چیلنجز، اور دیگر نقطہ نظر لیوک روبلوسکی نے آر ڈبلیو ڈی اور موبائل ڈیزائن کے کچھ چیلنجوں کا خلاصہ کیا ہے اور ملٹی ڈیوائس لے آؤٹ پیٹرن کا ایک کیٹلاگ بنایا ہے۔ انہوں نے مشورہ دیا کہ، ایک سادہ ایچ ڈبلیو ڈی نقطہ نظر کے مقابلے میں، ڈیوائس کا تجربہ یا آر ای ایس ایس (سرور سائیڈ اجزاء کے ساتھ ذمہ دار ویب ڈیزائن) نقطہ نظر صارف کو ایسا تجربہ فراہم کر سکتا ہے جو موبائل آلات کے لیے بہتر ہو۔ ساس جیسی اسٹائل شیٹ زبانوں کا سرور سائیڈ سی ایس ایس جنریٹر کا نفاذ اس طرح کے نقطہ نظر کا حصہ ہو سکتا ہے۔ گوگل نے اسمارٹ فون ویب سائٹس کے لیے دوسرے طریقوں کے بجائے ذمہ دار ڈیزائن کی سفارش کی ہے۔ اگرچہ بہت سے ناشرین نے ذمہ دار ڈیزائنوں کو نافذ کیا ہے، لیکن آر ڈبلیو ڈی کو اپنانے کے لیے ایک چیلنج یہ تھا کہ کچھ بینر اشتہارات اور ویڈیوز غیر فعال تھے۔ تاہم، سرچ ایڈورٹائزنگ اور (بینر) ڈسپلے ایڈورٹائزنگ ڈیسک ٹاپ، اسمارٹ فون، اور بنیادی موبائل ڈیوائسز کے لیے مخصوص ڈیوائس پلیٹ فارم ٹارگیٹنگ اور مختلف اشتہاری سائز کے فارمیٹس کی حمایت کرنے کے لیے آئی۔ مختلف لینڈنگ پیج یو آر ایل کو مختلف پلیٹ فارمز کے لیے استعمال کیا گیا ہے، یا ایجیکس کو کسی پیج پر مختلف اشتہاری اقسام کو ظاہر کرنے کے لیے استعمال کیا گیا ہے۔ سی ایس ایس ٹیبلز نے ہائبرڈ فکسڈ اور فلوئڈ لے آؤٹ کی اجازت دی۔ موبائل سائٹ ویلڈیٹرز اور موبائل ایمولیٹرز سے لے کر بیک وقت ٹیسٹنگ ٹولز جیسے ایڈوب ایج انسپیکٹ تک، آر ڈبلیو ڈی ڈیزائنوں کی توثیق اور جانچ کے بہت سے طریقے ہیں۔ کروم، فائر فاکس اور سفاری براؤزرز اور ڈویلپر ٹولز نے ذمہ دار ڈیزائن ویوپورٹ ریزائزنگ ٹولز پیش کیے ہیں، جیسا کہ تیسرے فریق کرتے ہیں۔ ایچ ٹی ایم ایل + کی ڈبلیو 3 سی تفصیلات میں کہا گیا ہے کہ ویب سائٹس کو صارف کی ترجیحات کے مطابق پیش کیا جانا چاہیے۔ تاہم ویب پیج لے آؤٹ کی حسب ضرورت کا فقدان تھا۔ بہت سے ویب ڈویلپرز نے ترتیب کو اپنی مرضی کے مطابق بنانے اور ایک ہی وقت میں اپنی ویب سائٹس پر کچھ بنیادی ردعمل لانے کے لیے عام ایچ ٹی ایم ایل ٹیبلز کا سہارا لیا۔ براؤزر ویوپورٹ کی چوڑائی کے لیے غیر معمولی انداز میں ڈھالنے والی ترتیب پیش کرنے والی پہلی بڑی سائٹ 2001 کے آخر میں لانچ کی گئی تھی، جسے ریزورفش کی ایک ٹیم نے بنایا تھا جس میں جورجن اسپینگل اور جم کالباچ (انفارمیشن آرکیٹیکچر)، کین اولنگ (ڈیزائن)، اور جان ہوفمین (انٹرفیس ڈویلپمنٹ) شامل تھے۔ براؤزر کی محدود صلاحیتوں کا مطلب یہ تھا کہ انٹرنیٹ ایکسپلورر کے لیے، ترتیب براؤزر میں متحرک طور پر ڈھال سکتی تھی جبکہ نیٹ اسکیپ کے لیے، صفحہ کو دوبارہ سائز کرنے پر سرور سے دوبارہ لوڈ کرنا پڑتا تھا۔ کیمرون ایڈمز نے 2004 میں ایک مظاہرہ کیا۔ 2008 تک، ترتیب کو بیان کرنے کے لیے "لچکدار"، "مائع"، "سیال"، اور "لچکدار" جیسی متعدد متعلقہ اصطلاحات استعمال کی جا رہی تھیں۔ سی ایس ایس 3 میڈیا کے سوالات 2008 کے آخر/2009 کے اوائل میں پرائم ٹائم کے لیے تقریبا تیار تھے۔ ایتھن مارکوٹے نے رسپانسیو ویب ڈیزائن کی اصطلاح تیار کی-اور مئی 2010 میں اے لسٹ اپارٹ کے مضمون میں اس کی تعریف فلوئڈ گرڈ/لچکدار تصاویر/میڈیا سوالات کے معنی میں کی۔ انہوں نے ریسپانسیو ویب ڈیزائن کے نظریہ اور عمل کو اپنی 2011 کی مختصر کتاب ریسپانسیو ویب ڈیزائن میں بیان کیا۔ رسپانسیو ڈیزائن کو #1 پر ترقی پسند اضافہ کے بعد ڈاٹ نیٹ میگزین نے 2012 کے ٹاپ ویب ڈیزائن ٹرینڈز میں #2 کے طور پر درج کیا تھا۔ میشیبل نے 2013 کو رسپانسیو ویب ڈیزائن کا سال قرار دیا۔ متعلقہ تصورات موبائل-فرسٹ ڈیزائن اور ترقی پسند اضافہ متعلقہ تصورات ہیں جو آر ڈبلیو ڈی سے پہلے کے ہیں۔ بنیادی موبائل فون کے براؤزر جاوا اسکرپٹ یا میڈیا کے سوالات کو نہیں سمجھتے، اس لیے تجویز کردہ عمل یہ تھا کہ ایک بنیادی ویب سائٹ بنائی جائے اور اسے اسمارٹ فونز اور پرسنل کمپیوٹرز کے لیے بڑھایا جائے، بجائے اس کے کہ ایک پیچیدہ، امیج بھاری سائٹ کو موبائل فون پر کام کرنے کے لیے خوبصورت انحطاط پر انحصار کیا جائے۔ اڈاپٹو ویب ڈیزائن بوٹسٹریپ (فرنٹ اینڈ فریم ورک) سی ایس ایس فریم ورک فاؤنڈیشن (فریم ورک) ٹیبل لیس ویب ڈیزائن حوالہ جات 2010 میں کمپیوٹر سے متعلق تعارف ہیومن کمپیوٹر انٹرایکشن موبائل ویب یوزیبلٹی یوزر انٹرفیس ویب ڈیزائن 2010 کی نئی باتیں دیکھیں۔