فیلم آموزشی طراحی ریسپانسیو
- نویسنده : علی مظلوم در دسته بندی فیلم های آموزشی
- 18 نظر و 2,327 بازدید
- ۹۳/۰۱/۱۲
فیلم آموزشی طراحی ریسپانسیو . در این فیلم آموزشی ما به طراحی منو ریسپانسیو در وب سایت میپردازیم.
همانطور که میدانید وب سایت ها با روش های مختلفی تبدیل به طرح ریسپانسیو می شوند از جمله کار با فریم ورک هایی از جمله بوت استرپ یا پلاگین های جی کوئری و یا مدیاکوئری.
ما در این فیلم آموزشی به طراحی منو با مدیاکوئری CSS3 پرداختیم.
اما یکی از پارامترهای مهم در طراحی ریسپانسیو ، بحث متاتگ Viewport هست
خب حالا متا تگ viewport و استفاده آن در طراحی نسخه موبایل وب سایت به چه صورت هست…!؟
برای به کار گرفتن طراحی ریسپانسیو کُدها و روش های متفاوت و زیادی وجود دارند که می توانید از آنها بهره بگیرید. اما برای اینکه کمی ساده تر فکر کنیم ما با سه متا تگ زیر که وجودشان در قالب های واکنش گرا اجباری است شروع می کنیم.
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″ />
زمانی که صفحه شما در یک تلفن هوشمند بارگزاری می شود متا تگ View Port باعث میشود که صفحه شما در نسبت ابعاد 1×1 نمایش داده شود. این متا تگ باعث می شود که مرورگر تلفن هوشمند به صورت پیش فرض صفحه شما را در حالت Full-View باز نکند و کاربر امکان بزرگنمایی (زوم) هم داشته باشد.
دانلود فیلم آموزشی
دانلود فایل آموزشی
با تشکر
موفق باشید مثل همیشه
ممنون ! عالی بود !
با سلام
با تشکر فراوان بابت سایت خوبتون و مطالب آموزنده ی آن
می خواستم بدونم ادامه ی آموزش ریسپانسیو رو هم در سایت قرار می دین
با تشکر
سلام
لطفاً از آموزشهای ریسپانسیو بیشتر تو سایتتون بذارید
ممنون ، عالی بود
با سلام میخواستم بدونم آیا تبادل لینک و بنر انجام میدهید یا نه؟؟؟؟؟؟؟
سلام علی جان آموزش ها رو توی نت پیکسل میزارید یا اینجا ؟
با سلام
آیا ادامه این فیلم آموزشی را هم در دسترس قرار می دهید؟
ممنون که چواب دادین . . .
سلام دوست من بله آموزش ها ادامه خواهند داشت
با تشکر
موفق باشید.
عرض سلام…خیلی ممنون بابت اموزش های مفید و بروزتون
با سلام
آیا قسمت های بعدی این فیلم آموزشی را هم در دسترس قرار می دهید؟ “تو فیلم اشاره به قسمت های بعدی آموزشی داره”
سلام دوست من
قطعا بله
جناب مظلوم ضمن تشکر از آموزش بسیار خوبتون میخوام بگم بی صبرانه منتظر جلسه بعدی هستم…
ممنون دوست گرامی
موفق باشید مثل همیشه…;):)
واقعاً ممنون خیلی دنبال همچین آموزشی می گشتم
واقعآ فوق العاده بود …
سلام
بسیار عالی
منتظر اموزش طراحی برای کل سایت هستیم.
واقعا کارتون تو بیان مطالب عالی بود.
مختصر و کاملا مفید.ممنون