Loading…
CSS Dev Conf 2017 has ended
Orleans Room [clear filter]
Monday, October 9
 

10:00am CDT

Introducing a Design System to a Legacy Product #legacy
Imagine a product that has been on the market for a number of years without having a designer employed. How can you, as a newly-hired front-end designer, introduce a face-lift and design system without completely interrupting an existing workflow?
  • Explaining the value of a design system to your team
  • Identifying current problems
  • Creating scalable and modular solutions to those problems
  • Getting everyone on board and contributing to the new design system
  • Simultaneously dumping the old and using the new

Monday October 9, 2017 10:00am - 11:00am CDT
Orleans Room Hotel Monteleone

11:00am CDT

Don't Use My Grid System (Or Any Others) #gridsys
Speakers
avatar for Miriam Suzanne

Miriam Suzanne

Founder, OddBird
Miriam Suzanne is an author, performer, musician, designer, and web developer — working with OddBird, Teacup Gorilla, CSS Tricks, and anyone who loves open-source collaboration. She’s the author of Riding SideSaddle* and The Post-Obsolete Book, co-author of Jump Start Sass and... Read More →


Monday October 9, 2017 11:00am - 12:00pm CDT
Orleans Room Hotel Monteleone

12:00pm CDT

Variable Fonts #scaletype
Typography is the most important aspect of great design and UX, but can’t come at the expense of performance or we risk our designs never being seen. Variable fonts are coming, and will change everything: with a single font file that can scale in size, width, weight and even x-height—exactly as the type designer envisioned—all controllable via CSS.
  • What are variable fonts, and when can they be used 
  • Why type is the voice of your words, and how that voice just became a chorus 
  • How to expand the dynamic range of your design with type 
  • Where to be restrained and when to experiment: think character widths on small screens, or even responding to ambient light with stronger character weights

Speakers
JP

Jason Pamental

Isovera
Jason is Senior Director of Design and Technical Strategy at Isovera (isovera.com), where he heads the design and development team, leads workshops, and works with clients establishing their digital strategy. Seasoned design and strategy leader with 20+ years’ experience on the... Read More →


Monday October 9, 2017 12:00pm - 1:00pm CDT
Orleans Room Hotel Monteleone

3:00pm CDT

From Braces to Pixels #bracespxs

CSS feels like magic at times, doesn't it? By understanding how it works, we can not only demystify the magic, but we can improve our sites in real and practical ways. In this talk, we'll take a look at CSS from the perspective of the rendering engine, to peek behind the curtains and take a deep look at how the layout engine handles converting your CSS into pixels on the screen.


Speakers
avatar for Greg Whitworth

Greg Whitworth

Greg Whitworth is on the Layout team of Microsoft Edge and an avid advocate of enriching the web platform to empower web developers. He is a member of the W3C CSS Working Group, the CSS Houdini Task Force. He really enjoys trying to go after interop between web browsers in hopes of... Read More →


Monday October 9, 2017 3:00pm - 4:00pm CDT
Orleans Room Hotel Monteleone

4:00pm CDT

The Transformation of the Transform #transform
While CSS Transforms have been helping us position and animate for years, they are gaining new life as CSS grows. We'll get creative with Transforms and their related properties by taking a look at some of their lesser known aspects, digging into 3D, and exploring how they can be combined in interesting ways with newer tools like CSS Variables. There will be a tiny bit of math... but it's totally the fun kind.

Key topics:
  • Using CSS Variables to separate out the transform functions effectively as independent properties 
  • Thinking in three dimensions 
  • Gaining a deeper understanding of 3D perspective 
  • To will-change or not to will-change? 
  • How Transforms are beneficial for animation 
  • What's next in the specification

Speakers
avatar for Dan Wilson

Dan Wilson

Mutual Mobile
Dan is a Front End Developer from Austin, TX. While he loves working in browsers of all sizes, he also spends his time in hybrid mobile apps and the "no screen" world of microcontrollers.


Monday October 9, 2017 4:00pm - 5:00pm CDT
Orleans Room Hotel Monteleone

5:00pm CDT

Building a CSS pipeline using npm #cssnpm
Much like JavaScript and ES6, tools exist that allow developers to use future CSS syntax today. CSS pre-processors don't exactly focus on this feature and indeed its possible to totally ditch these in favor of a build pipeline built around npm.

This presentation will cover:
  • Initialization 
  • Setup using PostCSS + CSSnext 
  • Build a style framework using CSS4 features 
  • ...cover css variables, native import, color functions, em/rems, other fun stuff?
  • Create a development setup with live-reload 
  • Publish to npm
  • CCreate docs for your consumers

Speakers
avatar for Carlos Filoteo

Carlos Filoteo

Front-end Developer, AncestryDNA
Carlos is a front-end developer at Ancestry. He enjoys learning new things slowly, and sharing lessons learned.


Monday October 9, 2017 5:00pm - 6:00pm CDT
Orleans Room Hotel Monteleone
 
Tuesday, October 10
 

10:00am CDT

What's New in JavaScript? #newjs

As we start to get comfortable with new ES6 features of JavaScript, both the language and the web platform is charging forward with many new features. This talk will cover some of the best things that are brand new to JavaScript as well as things that we can look forward to in the coming months and years. Strap yourself in for a fast-paced talk full of hot tips as we rocket ourselves into the future of JavaScript. 


Speakers
avatar for Wes Bos

Wes Bos

BosType Inc
Wes Bos is an independent full stack developer and designer from Toronto who spends most of his time hacking on HTML5, CSS3, Node.js building applications entirely in JavaScript. Wes is a lead instructor for [Ladies Learning Code](http://ladieslearningcode.com) and [Hacker You](http://hackeryou.com... Read More →


Tuesday October 10, 2017 10:00am - 11:00am CDT
Orleans Room Hotel Monteleone

11:00am CDT

The Ins and Outs of Easing #easinout
You probably use easing all the time in your work, but how well do you know your favorite easing functions? In this session we’ll dig into the math behind cubic-beziers, the Penner easing equations, and springs; looking at what each is best for, and how each makes easing happen. We’ll even do a little DIY easing and pseudo-physics for fun. Join Val for this math-tastic and cat-tastic deep dive into all things easing functions to become an easing expert! 

Speakers

Tuesday October 10, 2017 11:00am - 12:00pm CDT
Orleans Room Hotel Monteleone

3:00pm CDT

Best of: Using CSS Grid in the Real World #realgrids
The new CSS Grid specification is here! Sure, it's fun to play with, but is it truly ready or even practical to use for everyday work? As a designer and front-end developer at a software development agency, I've been using CSS Grid in production websites and it is already making my life easier. In this talk, I'll show you some examples that will include:
  • Layouts achieved with a few lines of code that previously required messy hacks or JavaScript - Examples of different syntax and units for CSS Grid 
  • Fallbacks for older browsers 
  • How CSS Grid improves accessibility

Speakers
avatar for Brenda Storer

Brenda Storer

Designer & Front End Developer, thoughtbot
Brenda is a Silicon Valley native who moved to NYC to escape the tech world, only to discover that tech is actually pretty awesome. She is currently a designer and front end developer at thoughtbot, teaches HTML/CSS with Girl Develop It, and specializes in belting out 80's hair metal... Read More →


Tuesday October 10, 2017 3:00pm - 4:00pm CDT
Orleans Room Hotel Monteleone

4:00pm CDT

Best of: The Transformation of the Transform #transform
While CSS Transforms have been helping us position and animate for years, they are gaining new life as CSS grows. We'll get creative with Transforms and their related properties by taking a look at some of their lesser known aspects, digging into 3D, and exploring how they can be combined in interesting ways with newer tools like CSS Variables. There will be a tiny bit of math... but it's totally the fun kind. 

Key topics: 
  • Using CSS Variables to separate out the transform functions effectively as independent properties 
  • Thinking in three dimensions 
  • Gaining a deeper understanding of 3D perspective 
  • To will-change or not to will-change? 
  • How Transforms are beneficial for animation 
  • What's next in the specification

Speakers
avatar for Dan Wilson

Dan Wilson

Mutual Mobile
Dan is a Front End Developer from Austin, TX. While he loves working in browsers of all sizes, he also spends his time in hybrid mobile apps and the "no screen" world of microcontrollers.


Tuesday October 10, 2017 4:00pm - 5:00pm CDT
Orleans Room Hotel Monteleone
 
Wednesday, October 11
 

10:00am CDT

React Workshop (Full Day)
Limited Capacity seats available

React 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 much 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

Speakers
avatar for Wes Bos

Wes Bos

BosType Inc
Wes Bos is an independent full stack developer and designer from Toronto who spends most of his time hacking on HTML5, CSS3, Node.js building applications entirely in JavaScript. Wes is a lead instructor for [Ladies Learning Code](http://ladieslearningcode.com) and [Hacker You](http://hackeryou.com... Read More →


Wednesday October 11, 2017 10:00am - 5:00pm CDT
Orleans Room Hotel Monteleone
 
Filter sessions
Apply filters to sessions.