طراحی وب واکنش گرا در CSS - مقدمه

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو


طراحی وب واکنش گرا چیست؟

طراحی واکنش گرای وب موجب نمایش مناسب وب‌سایت در تمامی دستگاه‌ها می‌شود.[۱]

طراحی وب‌سایت‌ واکنش گرا تنها از HTML و CSS استفاده می‌کند.

طراحی وب‌سایت‌های واکنش گرا یک برنامه یا یک جاوا اسکریپت نیست.

طراحی برای بهترین تجربه برای تمام کاربران

صفحات وب می‌توانند با استفاده از دستگاه‌های متفاوت بازدید شوند: دستگاه‌های رومیزی، تبلت‌ها، و موبایل‌ها. صفحه وب می‌بایست بدون توجه به نوع دستگاه خوب نمایش داده شود، و استفاده از آن نیز آسان باشد.

صفحات وب نباید برای سازگار شدن با دستگاه‌های کوچک‌تر اطلاعاتی را حذف کنند، بلکه می‌بایست آن را متناسب با هر دستگاه تطبیق دهند:

زمانی که از CSS و HTML برای تغییراندازه، مخفی کردن، تقسیم کردن، کوچک کردن، یا جابه‌جایی محتوا برای نمایش بهتر در صفحه استفاده می‌کنید، این کار طراحی وب واکنش گرا نامیده می‌شود.

اگر مثال زیر را متوجه نشدید نگران نباشید ما کد را، مرحله به مرحله، در فصل‌های بعدی بررسی می کنیم:

Responsive demo.svg


منابع آموزشی