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.

If you're traveling, please see our recommendations for hotels:

The Homewood Suites and the Courtyard Phoenix / Chandler are across the street to Infusionsoft where the event is held. The benefit here is proximity to the event. The downside is that there are no restaurants within walking distance. However there are plenty of restaurants within two minutes driving.

Another choice is the Tempe "Mill Avenue" district which is where the afterhours-party will be and has many restaurants, hotels, and things to do. It's also much closer to the airport and there's a lightrail that goes from the airport to downtown Tempe. The afterhours party will be at Handlebar in Tempe, so consider that also :)

Tickets

As always, this conference is super accessible for everyone to attend with very cheap tickets. Tickets 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.
Natalya Shelburne
Natalya Shelburne
Color theory for People Who Code SVG (Scalable Van Gogh) and CSS

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.

Bio

Pralie Dutzel is the lead front-end developer at BIG YAM, The Parsons Agency, where she specializes in responsive web design, WordPress development, and making magic with Sass. She is an advocate for writing and maintaining documentation, and is always looking for ways to bridge the gap between design and development. Outside of her web work, she's usually playing video games or making them.

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 is an electrical engineer with 25 years of geospatial database design and development experience. He is founder of 2 successful startups, and consulted at many others. He is founder and CEO of Cliffhanger Solutions Inc., a company that offers search & analytics for (utility) companies. John is the author of several articles and is a regular speaker at national and international conferences and trade shows.

John lives in Chandler, Arizona with his wife and 3 kids. He can also solve a Rubiks cube.

Color theory for People Who Code SVG (Scalable Van Gogh) and CSS

Stop picking colors at random! Learn about color theory through Sass functions and a step by step demo of mixing a color scheme. I converted an impressionist painting by Vincent Van Gogh into an SVG to show these color principles in action, and then applied them to a basic web layout. CSS is an art medium, and we can learn a lot from fine art!

Bio

Natalya Shelburne is a classically trained fine artist who spent six years lecturing and teaching people how to paint, draw, and grow their creativity. She is now a front end developer and wants to show the world that the web is a creative medium and that writing CSS can be an art form. Natalya holds a bachelor's degree in developmental psychology and a master's degree in creativity and talent development. She combines these disparate fields by weaving interesting facts about how our brains work, learn, and develop into her talks on applying old-school design theory and knowledge to the infinite canvas that is the Internet. When she's not writing code, Natalya paints, teaches, and drinks coffee.