CSS: Variables and Fluid Layouts.
(Online Course)
Author
Contributors
Published
Carpenteria, CA linkedin.com, 2019.
Format
Online Course
Status
Description
Loading Description...
Also in this Series
Checking series information...
More Details
Language
English
Notes
General Note
10/10/201912:00:00AM
Participants/Performers
Presenter: Jen Kramer
Description
Learn how to leverage recent advances in CSS to more efficiently build sites with a single design that adapts readily to different screens and environments.
Description
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.
System Details
Latest version of the following browsers: Chrome, Safari, Firefox, or Internet Explorer. Adobe Flash Player Plugin. JavaScript and cookies must be enabled. A broadband Internet connection.
Citations
APA Citation, 7th Edition (style guide)
Kramer, J. (2019). CSS: Variables and Fluid Layouts . linkedin.com.
Chicago / Turabian - Author Date Citation, 17th Edition (style guide)Kramer, Jen. 2019. CSS: Variables and Fluid Layouts. linkedin.com.
Chicago / Turabian - Humanities (Notes and Bibliography) Citation, 17th Edition (style guide)Kramer, Jen. CSS: Variables and Fluid Layouts linkedin.com, 2019.
MLA Citation, 9th Edition (style guide)Kramer, Jen. CSS: Variables and Fluid Layouts linkedin.com, 2019.
Note! Citations contain only title, author, edition, publisher, and year published. Citations should be used as a guideline and should be double checked for accuracy. Citation formats are based on standards as of August 2021.