CSSDay was held in sunny Arizona on December 3, 2016. The conference is
geared towards front-end developers who want to dive deeper into
advanced CSS topics.
CSS Day 2016 covered a wide range of topics for a one day conference
including SVG, animation, color theory, design, layout and more.
Throughout the day, a focus on code architecture was a theme. Attendees
heard a few different perspectives which were interesting to listen to
and compare.
Below are the available videos and slides of each session, including two
from our very own OddBirds.
The organizers and volunteers did a great job bringing the community
together.
Helping to plan CSSDay with my friends as a conference by developers,
for developers, has been one of the most rewarding and exciting things
that I’ve been able to do in my career. I’ve met so many amazing and
talented people along the way. It has been an experience.
—Brad Westfall
This was the second year Brad Westfall organized this event. We are
very thankful for conference organizers like Brad and his team, who post
videos of the sessions, making this knowledge accessible for those who
could not join us live.
As always, we would love to discuss the content covered in these videos
shared from CSS Day 2016. Send us a message via Twitter.
New CSS features are shipping at an unprecedented rate –
cascade layers, container queries, the :has() selector,
subgrid, nesting, and so much more.
It’s a good time to step back and understand
how these tools fit together in a declarative system –
a resilient cascade of styles.
What makes something a ‘grid’, and what’s at stake?
byMiriam Suzanneon
Back in 2020, Firefox released a prototype for doing ‘masonry’ layout in CSS. Now all the browsers are eager to ship something, but there’s a hot debate about the best syntax to use.
Over the last month, the CSS Working Group has determined we can loosen containment restrictions for query containers, and agreed on a syntax for special-case support queries (like support for the gap property in a flex context, or support for align-content in a block flow context).