Responsive Layout 2.0

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


[Fast Download] Responsive Layout 2.0

Related eBooks:
Pro Node.js for Developers
JavaScript Basics Crash Course (A Head Start for Beginners)
Web Development with Angular and Bootstrap, 3rd Edition
Learn NodeJS in 1 Day: Complete Node JS Guide with Examples
Pro Android Web Apps: Develop for Android Using HTML5, CSS3 & JavaScript
HTML, XHTML & CSS for Dummies?, 7th Edition
JavaScript Fundamentals
Get Coding! Learn HTML, CSS, and JavaScript and Build a Website, App, and Game
Getting Started with React
HTML Learning Guide
Apache Cordova -Build Hybrid Mobile Apps with HTML, CSS & JS
Pro Typescript: Application-Scale JavaScript Development
Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.