Eleanor Fant 06 March, 2023
Designed very similarly to the nearly double priced Galaxy tab S6, with the only removal being.
اگر شما به حوزه طراحی و برنامه نویسی وب علاقه داشته باشید قطعا در مورد صفحه آرایی، ریسپانسیو سازی، فلکس باکس و ... شنیده اید. در این دوره قصد داریم ماژول فلکس باکس را به صورت پروژه محور و از صفر تا صد به شما آموزش دهیم.
تا حالا با دومینو سرگرم شدید؟!
بدترین حالت این سرگرمی وقتیه که کلی زمان میذارید و طرح های خیلی خوبی روی زمین می چینید تا آخر کار با شروع ریختن دومینوها یه منظره جذاب ببینید. حالا تصور کنید وسط کار دست یا پای شما به یکی از تکه ها بخوره اونوقت همون لحظه فاتحه اون طرح رو می خونید…
طراحی و چیدمان المان ها با CSS یه چیزی شبیه این داستان هست که گاهی وقتا با کوچکترین تغییری در ترتیب یا جانمایی المان ها همه چیز به هم میریزه!
در حالت عادی با مارجین، پدینگ، پوزیشن ها، ترنسلیت و…. سعی می کنید موقعیت المان ها رو داخل صفحه مشخص کنید و با کمک این پراپرتی ها، قالب های خودتون رو لایه بندی(Layout) کنید. اما اینجا قصد داریم شما رو با فلکس باکس که یکی از ماژول های فوق العاده CSS هست، آشنا کنیم تا بتونید لایه بندی صفحات رو با لذت و راحت انجام داده و قالب های خودتون رو پیاده سازی کنید.
استفاده از FlexBox یکی از عوامل اصلی رسپانسیوسازی بی دردسر و عالی صفحات وب هست که به شما کمک میکنه با هر نوع ساختاری که برای المان ها می چینید، بازهم ترتیب و چیدمانی بدون بهم ریختگی داشته باشید و مجبور نخواهید بود از پوزیشن ها و Float و … استفاده کنید.
پیشنهاد میکنیم اگر در پوزیشن و layout بندی قالب ها مشکل دارید حتما برای یادگیری فلکس باکس وقت بگذارید تا کار کردن با کدهای CSS براتون راحت تر و دستتون برای هر نوع تغییر یا طرح های خلاقانه ای، بازتر باشه!
| Size | Bust | Waist | Hip |
|---|---|---|---|
| S | 34 -36 | 28-30 | 38-40 |
| M | 36 -38 | 30-32.5 | 40-43 |
| L | 38-40 | 32-34.5 | 42-45.5 |
| XL | 40-42 | 35-37 | 46-38 |
Designed very similarly to the nearly double priced Galaxy tab S6, with the only removal being.
Designed very similarly to the nearly double priced Galaxy tab S6, with the only removal being.
