تگ موضوعی

وب سایت واکنشگرا

دیدن همه تگ ها

1Article

به کارگیری ترکیبی از کوئری های CSS و افکت های حرکتی شما در طراحی یک سایت واکنش گرا (Responsive) بایستی جهت انطباق وب سایت با عرض مرورگر از کوئری های مدیا استفاده کنید، و مدام سایز مرورگر را تغییر دهید تا واکنش سایت را مشاهده و بررسی کنید، اما هر زمان که یک کوئری وارد عمل و پیاده سازی می شود، استایل اول و دوم یک پرش فاحش دارد. بنابراین چرا از افکت های حرکتی CSS جهت جلوگیری از این پرش ها استفاده نکنیم؟ با بهره گیری از چنین افکت هایی تغییرات به صورت انیمیشنی انجام خواهند شد. منوی کشویی (Drop down menu) یکی دیگر از تکنیک ها در رابطه با طراحی ریسپانسیو، دراپ داون یا همان کشویی کردن یک منوی ساده و عادی است زمانی که پنجره مرورگر باریک و کوچک می شود. وقتی کاربر سایت با وسیله ای کار می کند که صفحه باریکی دارد، نوار منو به شکل dropdown در می آید و با منویی روبرو می شوند که اگر قرار بود به شکل قبلی باشد بسیار ناهماهنگ و زشت می بود و کار کردن با آن بسی دشوار، اما حالا انتخاب گزینه بسیار راحت تر است. بهتر است وب سایت ها طوری طراحی شوند که نحوه نمایش آنها در تلفن های همراه مانند نمایش در کامپیوترهای خانگی باشد، به طور مثال زمانی که لیست عمودی است لینک ها در بالای منو کاربردی تر از زمانی هستند که بصورت افقی نمایش داده می شوند. این نوع جزییات توسط طراحی ریسپانسیو پشتیبانی می شود. اگر زمانی در یک سایت ۱۰ تصویر کوچک عرضی به زیبایی در کنار یکدیگر در صفحه مانیتور نمایش داده می شوند، همین تصاویر هنگامی که در یک iPad یا iPhone نمایش دهده شوند شکل بدی به خود می گیرند و ممکن است به هم بریزند. با استفاده از طراحی واکنش گرا می توانید این موضوع را حل کنید بدین صورت که چنانچه عرض صفحه نمایش دستگاه به کوچکی iPad باشد فقط ۷ عکس را در کنار هم نمایش دهد و به همین شکل برای iPhone که ۴ عکس در کنار هم نمایش دهده می شوند.

طراحی اپلیکیشن

طراحی سایت ریسپانسیو

تقریبا امروزه تمام مشتریان پس از اتمام طراحی سایتشان، یک نسخه موبایل هم از سایت طراحی شده توسط ما (گروه…