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

آموزش طرح بندی های CSS: از Float تا Flexbox و Grid

دسته بندی ها: آموزش سی اس اس (CSS) ، آموزش طراحی وب ، آموزش فلکس باکس (Flexbox) ، آموزش های لینکدین (LinkedIn)

برای دهه ها، توسعه دهندگان CSS با float سرکار داشتند تا بتوانند طرح های منعطفی را ایجاد کنند که در مرورگرها کار کنند. اما این روش نقاط ضعف زیادی داشت. آخرین نسخه CSS مجموعه ای از ابزارهای بهتر و بسیار بصری تری را ارائه می دهد، اما حرکت از float ها به Grid ،Flexbox یا هر دو به معنای تنظیم کردن طرز فکر شما است. در این دوره، Christina Truong شما را در این مسیر راهنمایی می کند، از مفاهیم اولیه گرفته تا تغییر کامل، او روش های مختلف ایجاد طرح بندی با CSS مدرن را برجسته می کند. شما همچنین نحوه کار با display و ویژگی های float را بررسی خواهید کرد. از موقعیت دهی های relative ،absolute و fixed برای چیدمان کامپوننت ها استفاده می کنید، همچنین طرح بندی های اولیه Grid و Flexbox و موارد دیگری را ایجاد خواهید کرد.

آیا این نوشته را دوست داشتید؟
Linkedin CSS Layouts: From Float to Flexbox and Grid Author:Christina Truong Duration:1:46:05 Level:INTERMEDIATE

For decades, CSS developers fiddled with floats to create flexible layouts that worked across browsers. But their brilliant hack had a lot of downsides. The latest generation of CSS specs offers a better and vastly more intuitive set of tools, but moving from floats to Grid, Flexbox, or both means adjusting how you think. In this course, Christina Truong guides you though this process, from initial concepts to complete conversion, highlighting the different ways to create page layouts with modern CSS. Explore how to work with the display and float properties; use relative, absolute, and fixed positioning for laying out components; create basic Grid and Flexbox layouts; and more.

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


محمدرضا . ح 3 ماه قبل

سلام
اول از همه باید تشکر کنم از سایت خوبتون برای تهیه این آموزش.
مدرس بسیار روان مبحث رو درس میدن و چیزی که آموزش را تکمیل میکنه زیرنویسی بود که قرار دادید ! خیلی ممنون از شما