Front-end Architecture and Performance Engineering
Author of SVG Animations
Lead Author and Community Curator, CSS Tricks
Author of CSS: The Definitive Guide
Senior Design Developer, Microsoft
Author of Designing Interface Animation
Full stack web developer
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.
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.
Hosted by Wes Bos
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
URL routing with React Router
Taking advantage of new ES6 Features
Design Systems Workshop
Hosted by Micah Godbolt
Further information coming soon.
Hosted by Sarah Drasner and Val Head
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
Lock in the lowest price for CSS Dev Conf 2017—Register now for Earliest Bird Tickets!
CSS Dev Conf is fantastic. Top notch & highly recommended. 🔝💯 Awesome setting, speakers, talks & above all: community.
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.
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.
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
Curator of CSS-Tricks
Hey, CSS Dev Conf — This has been the best conference experience I've ever had.
Web Designer/Developer for Vology, Inc.
I had such a great time. Learned some cool stuff and met some awesome people!
Front-End Architect at Kenzan
It's a conf that feels like a vacation where you learn lots and meet great people
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
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.
Enter Destination From input field below to get directions to our event location