با پیشرفت تکنولوژی های وب و همچنین پیشرفت چشمگیر استفاده و سرمایه گذاری بر روی دستگاههای مرتبط با وب مانند تلفن های هوشمند ، تبلت ها ، تلویزیون های هوشمند و … نیاز به داشتن وب سایتهایی مطابق با تمامی دستگاهها احساس شد. تا چند سال پیش به ندرت یک وب سایت را مشاهده میکردید که یک نسخه موبایل نیز داشته باشد . شاید در آن زمان کاربرانی که از دستگاه هایی به غیر از کامپیوترهای شخصی صفحات وب را مرور میکردند بسیار اندک بود و طراحان صفحات وب و کمپانی های بزرگ از این درصد کوچک چشم پوشی میکردند .
اما امروز شما در کوچه و خیابان ، در قطار ، در مسیر حرکت به محل کار ، حتی در هنگام استراحت و … میتوانید به راحتی با استفاده از تبلت و موبایل صفحات وب را مرور کنید . این راحتی در استفاده و سرمایه گذاری عظیم غول های تکنولوژی بر روی دستگاه های متنوعی مانند تبلت و تلفن های هوشمند ، باعث شده است سهم کاربرانی که از دستگاه هایی به غیر از کامپیوتر های شخصی صفحات وب را مرور میکنند بیشتر و بیشتر شود .
طراحان وب در گذشته نیز نسخه هایی برای موبایل به صورت مجزا طراحی میکردند ، به طور مثال www.example.com/mobile و یا mobile.example.com که این نوع از آدرس دهی نشان میدهد که این نسخه ها کاملا از نسخه اصلی وب سایت مجزا هستند و به صورت جدا گانه ای طراحی شده اند .
آیا تنها یک نسخه موبایل که در گذشته برای یک سری از موبایل های خاص طراحی می شده است و محدودیتهایی به خاطر ، سایز و نوع مرورگر مشخص داشته است در برابر این رشد عظیم دستگاه های هوشمند کافیست ؟
اگر بخواهیم به همان روش چند سال گذشته نسخه هایی برای دستگاه های امروزی طراحی کنیم ، فکر میکنم باید چند صد دامنه مجزا و یا دایرکتوری مجزا برای هر نوع تلفن هوشمند و یا تبلت و یا تلویزیون های هوشمند با سیستم های عامل مختلف بسازیم .
با توجه به موارد ذکر شده و ایجاد محدودیتها در این زمینه و نیاز رو به افزایش در زمینه طراحی وب سایتهای واکنش گرا ، تلاشهایی برای طراحی این نوع از وب سایتها از طرف طراحان وب و کمپانی های مطرح صورت گرفت و با ظهور تکنیک ها و امکانات کاربردی بسیار در نسخه های جدید سی اس اس – css3 – و به خصوص مدیا کوئری ها – Media Queries – طراحان وب توانستند وب سایتهای کاملا واکنش گرا طراحی کنند .
این متن کوتاه مقدمه ای بود بر تاریخچه و دلیل پیدایش وب سایتهای واکنش گرا – Responsive – که در آینده مطالب بیشتر و کامل تری از آنها خواهیم گفت . در ادامه میتوانید وب سایتهایی بسیار زیبا را با این نوع از طراحی مشاهده نمائید .
Stonehenge Veterinary Hospital
علی اقدم
2 July 2012
امیر جان چرا وانستادی من ورژن جدید بیرون بدم بعدش این مطلبو بنویسی! چراا!!! ;)
امیر سروری
2 July 2012
علی اقدم @ علی جان شما نسخه جدید رو بساز ما همینجا اضافه می کنیم :-)
مهدخت
3 July 2012
این بحث ریسپانسیو خیلی جالب و مهم پیشنهاد می کنم بیشتر راجع بهش صحبت کنید .
ار مقالتون هم ممنون .
پونیشا
5 July 2012
جناب آقای سروری خوشحال می شوم سایت پونیشا را هم به لیست بالا اضافه کنید.
با تشکر فراوان و به امید دیدار شما در همایش استاندارد وب
نیما نورمحمدی
امیر سروری
11 July 2012
نیما نورمحمدی عزیز وب سایت شما اضافه شد . با تشکر از معرفی و به امید دیدار
boBak nspr
5 July 2012
خیلی خوشحالم که مطلبی هم در مورد وب سایت های واکنشگر نوشتید. امیدوارم در آینده هم مطالب بیشتری در این مورد ازتون ببینیم.
برقرار باشید
امیر سروری
11 July 2012
ممنون از شما ، حتما تلاش خواهیم کرد بیشتر در این مورد مطالب رو ارائه بدیم چون واقعا بحث جدید و داغی هست و بسیار کاربردی .
Alireza
7 July 2012
من توی طراحی یام از http://drupal.org/project/adaptivetheme استفاده می کنم ، به طور پیشفرض Responsive است.
امیر سروری
7 July 2012
بسیار عالی علیرضای عزیز . در آبنده رعایت این بک نکته برای یک وب سایت استاندارد الزامی خواهد بود . هر چند که در حال حاضر هم هست :-)
Alireza
10 July 2012
بله ، کاملا درسته . پروژه های پیش نمایش دروپال رو چند روز پیش نسخه الفاش امده بود ، یک قابلیت جدید اضافه شده responsive layout builder این به شما اجازه برای دیوایس های مختلف layout مجزا ایجاد کنید. سایر CMS ها هم اضافه میشه ، به تدریج.
فقط یک نکته هم بعضی از سایت ها برای سایت شون App ایجاد می کنند ، دیگه نیازی به طراجی Responsive ندارند ، مثل سایت goal.com یا خیلی از سایت های دیگه . نطرتون در این مورد چیه؟
امیر سروری
11 July 2012
مرسی علیرضا از اطلاعات تکمیلی ، اتفاقا این سوالی که کردین بحث خیلی زیادی در موردش میشه و یکی از تایتل های ارائه روز همایش من خواهد بود :-) . بحث اینجاست که هر دوشون خوبن مهم اینه که جنس کار چیه . مثلا وقتی استفاده از حسگرهای تلفن های هوشمند مطرح میشه ( مثلا تشخیص موقعیت ، یا جهت حرکت ، نور محیط ، … ) یک اپلیکیشن میتونه مفید تر باشه ولی به قول یکی از متخصصین این حوزه مردم دنبال یک خدمات در موتورهای جستجو میگردن و نه در اپ استور ها :-) این یه تیکه خیلی کوچیک بود . امیدوارم بعد از همایش سر فصلهارو در یک مطلب در اینجا منتشر کنم . موفق باشید .
علیرضا
28 July 2012
آقا من کم کم دارم به وبسایتت علاقه مند میشم ! :)
سامان
10 November 2012
میشه با مراجعه به این مقاله هم به راحتی نسخه موبایل وبسایتها رو ساخت
http://bit.ly/SvscEY
امین
3 March 2013
آقای سروی خوشحال میشم که وب سایت بنده حقیر رو هم که انشالله تا فردا افتتاح میشه رو هم به لیست وبسایت های واکنش گراتون اضافه کنید