وب

دو مفهوم اصلی ریسپانسیو سازی

در حال بارگذاری...

این دوتا مفهوم رو توی ریسپانسیو سازی باید بلد باشی

سلام

دوستان تو این ویدیو میخوام دو تا مفهوم اصلی ریسپانسیو سازی رو بهتون بگم، ما توی ویدیو قبلی اومدیم مفهوم کلی ریسپانسیو سازی و اینکه با چه ابزارهایی میتونیم صفحات خودمون رو ریسپانسیو سازی کنیم به صورت کامل بررسی کردیم پس اگر ویدیو قبلی زو ندیدید حتما اون رو مشاهده کنید که مفهوم ریسپانسیو سازی رو بدونید بعد بیایید داخل این ویدیو بهتون دوتا مفهوم اصلی ریسپانسیو سازی رو بگم.

( گه دنبال آموزشهای خیلی کامل تو این زمینه طراحی سایت هستید توصیه میشه به صفحه دوره آموزشی طراحی سایت هم یه نگاهی بندازید)

دوستان شما احتمالا توی ریسپانسیو سازی دو تا کلمه رو خیلی شنیدید ، یکی Viewport هستش و دومی Breakpoint که ما به عنوان طراح سایت به عنوان کسی که یک صفحه وب رو ریسپانسیو میکنه باید بلد باشیم که Viewport یعنی چی؟! باید باشیم Breakpoint یعنی چی؟! الان من خیلی ساده بهتون میگم!

ببینید دوستانViewport به این معنیه که فرض مثال بگیرید شما یک لب تاب دارید ،که عرض صفحه نمایش این لب تاب ۲۰۰۰ پیکسله ، خوب و شما با این صفحه نمایش دارید یک صفحه وب رو مشاهده میکنید ، که اینجاست ما میگیم که Viewport شما ۲۰۰۰ پیکسله ، حالا ساده تر بهتون بگم ، کلا Viewport به این معنیه که اون اندازه ای که دارید باهاش یک صفحه وب رو می‌بینید.، یا کل اون اندازه ای که میتونید یک صفحه وب رو باهاش مشاهده کنید میشه Viewport شما.

مثلا توی لب تاب Viewport شما ۲۰۰۰ پیکسله ، مثلا شما یک تبلت دارید که عرضش کلا ۷۰۰ پیکسله که میگیم Viewport شما ۷۰۰ پیکسله ،و یک گوشی موبایل دارید که عرض این موبایلتون ۴۰۰ پیکسله میگیم که Viewport شما ۴۰۰ پیکسله ، بعد دوستان به این صورته که میگیم مثلا ما اومدیم این صفحه وب رو برای Viewport های ۷۰۰ پیکسل ریسپانسیو کردیم ، یا اومدیم این صفحه وب رو برای  Viewport های ۴۰۰ پیکسل ریسپانسیو کردیم Viewport یعنی همین دوستان خیلی ساده ست .

و اما Breakpoint ، دوستان معنی لغویBreakpoint میشه نقطه شکست یا نقاط شکست ، اما چرا بهش میگیم نقاط شکست ، ببینید ما توی ریسپانسیو سازی کاری که انجام میدیم به این صورته میایم صفحه رو کوچیک میکنیم ، و میبینیم که قالب ما از یک نقطه ای به هم میخوره و نیاز داره که توی اون نقطه بیاد ریسپانسیو بشه ، به اون نقطه میگیم نقطه ی شکست به اون نقطه میگیم نقطه ی Breakpoint .

مثلا میگیم قالب ما نیاز داره که توی سایز ۹۹۲ پیکسل به پایین از نقطه ۹۹۲ پیکسل به پایین ریسپانسیو بشه ، میایم چی میگیم ، میگیم که از Breakpoint ا ۹۹۲ پیکسل به پایین باید سایتمون رو ریسپانسیو کنیم ، به همین سادگی دوستان ما دوتا مفهوم اصلی ریسپانسیو سازی رو متوجه شدیم

برای تخفیف ویژه ی دوره صفر تا صد طراحی سایت کلیک کنید

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

همچنین ببینید
بستن
دکمه بازگشت به بالا