CSS Topics


For Programmers

December 3rd, 2016

Chandler, Arizona

Event & Venue

Last year's conference was amazing! Check out the photos and the promo video

CSSDay.io is a one-day CSS conference with intermediate-to-advanced topics intended for programmers. Topics are not beginner level, so if you already know CSS enough to get by, you'll be a perfect fit. Do you just dabble in CSS? That's great, come level-up with us! Let us help you understand the parts of CSS that don't make sense.

Lunch is provided

The venue will be at InfusionSoft in Chandler, Arizona. We will post more detailed information on the Venue and hotel options as the event approaches.

Tickets

As always, this conference is super accessible for everyone to attend with very cheap tickets. Ticket's only cost $35.00. Get yours today, they go up in price mid-October for "late-bird" tickets.

Buy Tickets

Speakers

Sarah Drasner
Sarah Drasner
SVG: from Practical to Wild
Ben Adam
Ben Adam
Functional CSS - Applying the principles of functional programming to CSS.
Stacy Kvernmo
Stacy Kvernmo
Make Web Design Great Again.
CJ Cenizal
CJ Cenizal
Solving CSS at scale with your own UI framework.
Pralie Dutzel
Pralie Dutzel
The In-Betweeners of Responsive Web Design.
Miriam Suzanne
Miriam Suzanne
Code Patterns for Pattern Making.
Jan Jorgensen
Jan Jorgensen
Style Guide-Driven Development: Documentation that Does Work.
John Boere
John Boere
jQuery out, CSS in.

Sponsors

Remember to thank our sponsors. They make events like this happen:

Nothing happens without great sponsors and friends. Thank you to all who are helping making this happen.

SVG: from Practical to Wild

In this session, we'll manipulate SVG for a broad range of use cases. We'll implement an accessible icon system, we'll use sprites to create dynamic responsive animated graphics. We’ll use SVGs as a window with clipPath, push the boundaries of the CPU with filters, and even combine techniques to create otherworldly effects. We'll even use SVGs to make a game in React. This session will show off a broad range of SVG capabilities - from common use cases to innovative creations.

Bio

Sarah is an award-winning Speaker, Consultant, and Staff Writer at CSS-Tricks. She's formerly Manager of UX Design & Engineering at Trulia (Zillow). She's given a Frontend Masters workshop on Advanced SVG Animations, and is working on a book for O'Reilly on SVG Animations. Last year Sarah won CSS Dev Conf's "Best of Best of Award" as well as "Best Code Wrangler" from CSS Design Awards. She has worked for 15 years as a web developer and designer, and at points worked as a Scientific Illustrator and a Undergraduate Professor, and has tutored a Byzantine Icon painter in Santorini, Greece.

Functional CSS - Applying the principles of functional programming to CSS.

If working on a CSS codebase has become a nightmare of specificity, code bloat and every time you try and remove CSS something breaks, this talk may be for you. We will focus on how applying concepts from functional programming can make your CSS truly reusable, easier to manage for large teams, and maybe, just maybe, you will start to love CSS.

Make Web Design Great Again.

For far too long we've been forced to reuse layout patterns that have worked in the past, creating a web full of sites that all look the same. Narrow timelines, browser support restrictions and lack of a true grid system have led us to create work that is "good enough".

I've spent years exploring how we can make the web a more unique space. CSS Grid Layout is on the horizon and will play a major role in the design of our sites. Finally having a true, 2 dimensional grid will give our layouts much more flexibility and it is on us to explore the possibilities.

Bio

Stacy Kvernmo has spent the past 14 years experimenting with design tools and processes while staying current with the latest web technologies. Whether it is sorting through content and research to develop an effective information architecture, designing systems and style guides, or writing front-end code, Stacy embraces the spectrum of challenges throughout a project. As a proud member of OddBird's design team, Stacy Kvernmo takes the lead on interface development, architecting accessible and maintainable HTML, CSS, and Sass.

Solving CSS at scale with your own UI framework.

CSS can get pretty gnarly in massive codebases. In this talk I'll discuss some common pathologies and explain the problems they can cause. I'll end the talk by discussing how you can build your own UI framework to make it easy to work with CSS at scale.

The In-Betweeners of Responsive Web Design

With such a wide array of screen resolutions and devices, there's a lot more to consider when building responsive websites than just "desktop" and "mobile". In this talk, we’ll cover the importance of content-centric breakpoints over device-centric ones, and discuss design patterns and tricks to help you level up your sites' responsiveness.

Code Patterns for Pattern Making

Style Guides & Pattern Libraries are great tools for documenting the relationships between code and design, but beautiful docs are only half the battle. Behind the scenes those patterns have to live in our code, and make life easier for developers. Let's talk about how we build patterns in code, and how we can use them to automate a style guide.

Style Guide-Driven Development: Documentation that Does Work

A style guide can be an incredibly powerful tool for your development process. By documenting your CSS the right way, you can ensure modularity, maintainability, and flexibility. We'll look at a few examples and talk about how your CSS can enable better application code as well as communication between developers, designers, and stakeholders.

jQuery out, CSS in

How we migrated our single page app from using CPU intensive jQuery to efficient CSS, improving performance, reducing code and making our clients happy.

Bio

John Boere, founder of Cliffhanger Solutions Inc., presents how they refactored their web/mobile application, Atlas, doing away with jQuery in favor of CSS, reducing code, improving performance and increasing maintainability. He will show several use cases, including a HUD (Heads Up Display) for their mobile app.