October 9-11, 2017 · New Orleans

CSS Dev Conf

The first conference devoted to CSS for Web Designers and Developers

The Numerous Benefits of CSS Dev Conf

Impressive amount of knowledge against the background of the French Quarter

Conference Starts in:

Knowledgeable speakers

Curated Keynote Speakers, Featured Presenters, and Workshop Leaders are chosen from among the brightest minds and seasoned experts working in CSS today.

Voter-approved sessions

The CSS Community—people just like you—submit session ideas and vote on their favorites to complete the conference schedule.

Picture perfect setting

As one of the last family-owned hotels in the French Quarter, the historic Hotel Monteleone, with its world-famous Carousel Bar, is one of the first landmarks in the city of New Orleans.

A great value

A full Breakfast, Delicious Snacks, and Evening Events for each conference day are included in the price of your ticket. Plus, hotel rooms start at only $189.00 per night!

Best of the best

Attendees vote for their favorite track sessions anonymously, and the most popular sessions of CSS Dev Conf will be repeated on Day Two, in case you miss them the first time.

Latest and greatest CSS

CSS Dev Conf is the place to learn new techniques, whether you need to improve everyday workflow or learn the cutting-edge specifications landing in browser nightly builds..

Limited number of Early Bird Tickets are currently available.
Join us in New Orleans on October 9-11, 2017

  • Mina Markham

    Mina

    Markham

    Front-end architect, Slack

  • Harry Roberts

    Harry

    Roberts

    Front-end Architecture and Performance Engineering

  • Sarah Drasner

    Sarah

    Drasner

    Author of SVG Animations

  • Chris Coyier

    Chris

    Coyier

    Lead Author and Community Curator, CSS Tricks

  • Estelle Weyl

    Estelle

    Weyl

    Author of CSS: The Definitive Guide

  • Micah Goldbot

    Micah

    Goldbot

    Senior Design Developer, Microsoft

  • Val Head

    Val

    Head

    Author of Designing Interface Animation

  • Wes Bos

    Wes

    Bos

    Full stack web developer

Full-Day Workshops

On the third day in the French Quarter, we deep dive into the Web

Let’s Build a Website
(and Talk About The Job of Front-End Design and Development)

Hosted by Chris Coyier

It’s an ever-evolving field, they say, and the job of a front-ender these days is broad. It’s not just “I write the HTML and CSS” anymore, if it ever was. It’s part designer, part coder, part empath, part interaction designer, and part futurist. Let’s talk about all that by actually building a website. We’ll start from scratch, work through the stages of the process, and end up with a finished website. This will give us an excuse to talk about all the big topics in front-end development and what our jobs really are.

How will this happen? Among other things:

  • We’ll scaffold out a design in HTML, giving us an opportunity to talk about things like HTML5, semantics, and accessibility in their native contexts.
  • We’ll lay out the site in CSS, and in the process talk about things like modern layout techniques (flexbox! grid!), preprocessing, and the role of build tools in the front end process.
  • We’ll use some JavaScript to do things that only JavaScript can do, but we’ll do it in a responsible way that performs well and doesn’t cripple the site if it doesn’t load.
  • At every turn, we’ll consider performance and user experience, making sure we’re building something for human beings, not spec sheets or portfolios.
  • And we’ll think about how to make the offline experience the best it can be, because we never know when someone will suddenly lose bandwidth due to network outages, subway tunnels, or holding the phone wrong.

All this in just one day? Yes! By the time we’re done, we’ll have reconsidered not just what we do, but why we do it, and how to do it better moving forward.

ReactJS Workshop

Hosted by Wes Bos

ReactJS is a JavaScript library that has become the tool the choice for easily building dynamic user interfaces. The power is in the Virtual Dom — when your application’s data changes, React figures out which parts of your document need to be changed, and immediately update only those parts.

Hundreds of thousands of developers from small agencies to large companies use React to deliver top notch experiences in their apps and dynamic website components:

  • Facebook.com is made up of thousands of React components.
  • Instagram web viewer is entirely built in React.
  • The brand new Netflix movie browsing experience is powered by React
  • and many more!

You will learn:

  • How to build an entire App or Website Component in React.js from start to finish.
  • Understanding React Components and writing markup with JSX
  • Maintain your Application’s State
  • Communication between components
  • Working with State and HTML5 LocalStorage
  • Real time web socket data with Firebase
  • Creating maintainable code with JavaScript Modules
  • URL routing with React Router
  • Taking advantage of new ES6 Features

Design Systems Workshop

Hosted by Micah Godbolt

Join Micah Godbolt, Senior Design Developer at Microsoft and author of Frontend Architecture for Design Systems, as he shows the Four Pillars of Frontend Architecture and how to deploy scalable and sustainable web sites. Attendees will learn about popular tools and techniques as we build a fully featured design system from the ground up.

By coding along with Micah in this workshop you will learn:

  • How to establish proper coding standards, and how to enforce them.
  • How to create a streamlined and automated process for turning user stories into deployed frontend code.
  • The value of automated testing in all areas of your site, including visual, functional and performance.
  • And the best tools for creating living, powerful and useful documentation that will be the center of communication between every member of your team.

Micah will also show you:

  • How to create consistent methodologies and coding standards for HTML, CSS and JavaScript.
  • How to make a fully automated process from the editor to the style guide to the production environment.
  • How to develop a full testing suite using a combination of multiple testing approaches.
  • And how to write a fully documented system using various automated and manual documentation systems.

Animation Workshop

Hosted by Sarah Drasner and Val Head

Get up and running with web animation in less time than it would take to read all the tutorials you have bookmarked. In this workshop, you'll get an in-depth look at animating with CSS, JavaScript, and SVG through hands-on exercises while learning how to make your project stand out from the competition with effective animation.

By coding along with Sarah and Val in this workshop, you’ll learn:

  • The essentials of CSS animation
  • Principles of UI/UX for animation
  • Basics of TweenMax and TimelineMax
  • SVG workflow and optimization
  • SVG animation, both with a library and without

Sarah and Val will also show you:

  • How to choose which web animation technologies are best for your projects, with an overview of the animation landscape, explaining which tools to choose and why
  • What CSS transforms, transitions and keyframe animations can do and how to use them effectively in your work
  • Best practices and principles to follow to ensure the animations you create are adding something positive to the user experience, not distracting from it.
  • How to bend SVGs to your will- both regarding optimization and performance, as well as creating dazzling visual effects that bring your project to life.

Get your Ticket for CSS Dev Conf 2017

Grab your ticket for CSS Dev Conf 2017—Register now with Early Bird Tickets!

What people will tell you about CSS Dev Conf

  • CSS Dev Conf is fantastic. Top notch & highly recommended. 🔝💯 Awesome setting, speakers, talks & above all: community.

    Sara Soueidan

    Sara Soueidan

    Freelance front-end developer
  • After attending, I feel like this is the conference I want to attend every year. Lots of incredibly useful, practical information I can start working with right away.

    Shannon Gray

    Shannon Gray

    UX Designer at Applied Information Sciences
  • This is a great event for your whole team to attend. The care into the schedule is the big winner.

    Dan Denney

    Dan Denney

    Front-end Dev for Code School
  • Since this conference is, no surprise, largely focused on CSS, I think it serves as an interesting state of the union of CSS style conference every year

    Chris Coyier

    Chris Coyier

    Curator of CSS-Tricks
  • Hey, CSS Dev Conf — This has been the best conference experience I've ever had.

    Henry Hollingsworth

    Henry Hollingsworth

    Web Designer/Developer for Vology, Inc.
  • I had such a great time. Learned some cool stuff and met some awesome people!

    Rona Kilmer

    Rona Kilmer

    Front-End Architect at Kenzan
  • It's a conf that feels like a vacation where you learn lots and meet great people

    Wes Bos

    Wes Bos

    Full stack web developer

Interested in becoming a sponsor?

If your company is interested in sponsoring CSS Dev Conf this year, we’d love to hear from you. Send us a quick email and we’ll get right back to you with some more information and our sponsorship brochure

Conference Hotel & Venue

In the world famous French Quarter

Since 1886, the Hotel Monteleone has proudly stood as one of the first landmarks in the city of New Orleans. This world-famous French Quarter hotel is within walking distance of the most famous attractions and restaurants in New Orleans.

Get Directions:

Enter Destination From input field below to get directions to our event location

Destination From

Destination To

Hotel Monteleone

214 Royal St.

New Orleans, LA 70130

Phone: +1 (504) 523-3341

Reservations

Reserve your hotel room now as space is limited and rooms are expected to go quickly. Either reserve online or call +1 (504) 523-3341 and ask for the "CSS Dev Conference" group.

Transport

Take an airport shuttle, taxi, or Über from the Louis Armstrong International Airport (MSY), which is 17 miles from Hotel Monteleone.

Join Our Community

Feel free to reach out to us via our social profiles