Responsive Layout 2.0 - Printable Version +- Krafty Internet Marketing Forum (https://kraftymarketingprofits.com/internetmarketingforum) +-- Forum: Internet Marketing Tips, Tricks, Courses & Bots! (https://kraftymarketingprofits.com/internetmarketingforum/Forum-internet-marketing-tips-tricks-courses-bots--50) +--- Forum: Internet Marketing Special Downloads! (https://kraftymarketingprofits.com/internetmarketingforum/Forum-internet-marketing-special-downloads--53) +--- Thread: Responsive Layout 2.0 (/Thread-responsive-layout-2-0--38422) |
Responsive Layout 2.0 - aretr - 11-03-2019 Responsive Layout 2.0 .MP4, AVC, 1280x720, 30 fps | English, AAC, 2 Ch | 2h 2m | 382 MB Instructor: Jen Kramer 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. Topics include: Advantages and disadvantages of CSS calc() Working with CSS custom properties Using Sass variables Creating layouts Adding custom properties to type scale Adding media queries to a grid system Rewriting CSS to integrate calc() and custom properties DOWNLOAD Code: http://nitroflare.com/view/F581E19C632BAF0/3tqb5.Responsive.Layout.2.0.part1.rar Code: https://rapidgator.net/file/9e269820d0c3f520ce3115cd52eff129/3tqb5.Responsive.Layout.2.0.part1.rar |