Angular and CSS Grid: Get ready to fall in love

Grand Ballroom A/D

Quick! How do you feel about CSS?

Yeah, that’s what I thought. πŸ™‚ It’s not unreasonable — CSS can seem more like a hindrance than a help, an obstacle to be overcome instead of a tool that enables developers to create great applications.

It’s time to take another look. A lot of fantastic things have happened with CSS recently, and arguably the most significant of these is the widespread rollout of CSS Grid. It’s a whole new way to handle layout for web applications, and finally frees us from the misery of floats and the rat’s nest of row/column divs that have infested our HTML templates for far too long.

Perhaps even more importantly, CSS Grid enables us to do things that, until now, were practically impossible (or just ridiculously painful) with HTML and CSS, and all with beautifully clean markup and straightforward, understandable CSS.

In this workshop, we’ll take a lightning tour of CSS Grid and and see how it can make building Angular applications dramatically easier. Along the way, we’ll touch on several other CSS capabilities (some recent, and some just tragically underappreciated), show how to use them in combination with Angular and CSS Grid, and demonstrate the amazing capabilities that these combinations unlock.

Angular is fantastic, CSS Grid is fantastic, and the two together? Unbeatable. Really, you’re gonna love it. πŸ™‚