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

آموزش طرح بندی ریسپانسیو 2.0

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

وقتی اولین بار طراحی وب ریسپانسیو معرفی شد، در نگاه اول جادویی و ناکارآمد به نظر می رسید. طراحان مجبور بودند برای تنظیم سیستم های مبتنی بر grid خود و همچنین ترفند media query با float کار کنند. پیشرفت های اخیر در CSS این فرآیند را ساده می کند و به شما اجازه می دهد تا طرح هایتان با موقعیت های متفاوت سازگار باشند. اما اعمال این ویژگی های جدید مستلزم کنار گذاشتن رویه های فعلی و انتقال به مدلی است که شما کنترل دقیق خود را برای ثبات و سهولت اجرا انجام می دهید. این دوره می تواند به شما در این انتقال کمک کند. Jen Kramer چگونگی انجام مستقیم ریاضی در CSS از طریق تابع calc() و قدرت ویژگی های سفارشی یا متغیرها برای ساده تر کردن CSS را ارائه می دهد. در طول دوره، مربی نمونه هایی از چگونگی استفاده از این ویژگی ها، از جمله نحوه افزودن ویژگی های سفارشی به type scale و کار با Flexbox و Grid را به اشتراک می گذارد.

نتیجه گیری

فایل های تمرین Ex_Files_Responsive_Layout_2.zip
آیا این نوشته را دوست داشتید؟
Linkedin Responsive Layout 2.0 Author:Jen Kramer Duration:2:02:33 Level:ADVANCED

When responsive web design was first introduced, it was at once magical and inefficient. Designers had to work with floats to lay out their grid-based systems, as well as hack media queries. Recent advances in CSS simplify this process, letting your design adapt to circumstances more fluidly. But leveraging these new features requires abandoning current practices and shifting to a model where you trade precise control for consistency and ease of implementation. This course can help you make that shift. Jen Kramer lays out how to do math directly in CSS via the calc() function and leverage custom properties, or variables, to streamline your CSS. Along the way, Jen shares examples of how to use these properties, including how to add custom properties to type scale and work with Flexbox and Grid.

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