Explore the power of CSS Grid in Angular development through this comprehensive ng-conf workshop. Discover how CSS Grid revolutionizes web application layout, freeing developers from the constraints of floats and nested div structures. Learn to create clean, understandable markup while unlocking previously challenging design possibilities. Dive into a lightning tour of CSS Grid, exploring its synergy with Angular and other underappreciated CSS capabilities. Master techniques for centering, block layouts, explicit vs. implicit grids, and responsive design. Follow along with practical examples, including workshop exercises and real-world applications. Gain insights into modern CSS practices that will transform your approach to building Angular applications, making development more efficient and enjoyable.
Overview
Syllabus
Introduction
David Siegel
Pixel shims
Small gifts
Give up and use tables
What this talk is about
Go to GitHub
No application shell
Centering
Blocks
Grid is not HTML
Grid gap
Grid layout
Grid width
Columns
Tables
Explicit vs Implicit Grid
Bob
Bob in Column 1
Fixing the Footer
Workshop Zero
HTML
Building Blocks
Taught by
ng-conf
