Loading…
CSS Dev Conf 2013 has ended
Create your own custom schedule for the CSS Dev Conf!

Sign up or log in to bookmark your favorites and sync them to your phone or calendar.

Sunday, October 20
 

5:30pm

Opening Reception
Pick up your badge, grab a drink, make a s'more, meet your colleagues and maybe hear a ghost story or two. 

Special thanks to denkwerk for sponsoring the s'mores! 

Sunday October 20, 2013 5:30pm - 7:30pm
Pinon Room
 
Monday, October 21
 

8:00am

Breakfast
Monday October 21, 2013 8:00am - 9:00am
MacGregor Room

9:00am

Opening Keynote
Speakers
avatar for Zoe Gillenwater

Zoe Gillenwater

Author of Flexible Web Design
I am an experienced web designer and technical author, active in the web standards community, who specializes in visual design, CSS, and accessibility. I’m the author of the New Riders books Stunning CSS3: A Project-based Guide to the Latest in CSS and Flexible Web Design: Creating... Read More →


Monday October 21, 2013 9:00am - 10:00am
Concert Hall

10:00am

Cross-Device Development and Web Standards #crossdev
The ideas of Responsive Web Design has become an essential for cross-device designing and development these days and CSS media queries has played a big role for RWD.
Now in the web standards world, the media-queries has evolved and becoming more useful tool that can be used not only in your css but in JavaScript, and possibly with markup, as well as other related technologies to support wider varieties of devices, not just only with the screen and pixel densities but user input method types and more.
In my talk, I'll discuss what we can do now using the current state of HTML5, and what we expect in near future.

Speakers

Monday October 21, 2013 10:00am - 11:00am
Music Room

10:00am

The Future of CSS #futurecss
Session description coming soon.

Speakers
avatar for Tab Atkins

Tab Atkins

Web Standards Hacker, Google
Tab Atkins Jr. wears many hats. Working for Google on the Chrome browser as a Web Standards Hacker, he also is a member of the CSS Working Group and several others, and contributes to even more working groups in the W3C.


Monday October 21, 2013 10:00am - 11:00am
Concert Hall

10:00am

The Psychology of Interaction Animation #psychanim
With the rise of touch as a mode of interaction with our websites and apps, a user expects there to be a physicality and weight to the way that buttons click, things drag, and panes transition. This session will explore advanced css transitions, delving into what the ease-in, ease-out and linear functions communicate, and how to use cubic-bezier function to customize things. I'll be using my background in motion graphics design to help explore the topic.

Speakers
avatar for Winston Hearn

Winston Hearn

Freelance
After doing video production and motion graphics design full-time for nearly a decade, a few years ago I transitioned into web development, focusing on the front end. Now I'm traveling the country full-time with my wife and son, exploring cities and working on fun projects as I g... Read More →


Monday October 21, 2013 10:00am - 11:00am
Billiard Room

11:00am

Adaptive Images in Responsive Web Design #rwdimg
The open web doesn't stop at our desktop. Smart phones and tablets not only contain more computing power and better browsers than the computers that started the Internet economy, they have better displays. In this session presented by Christopher Schmitt, we will work through tips and tricks to develop future friendly images in our sites and apps:
Icon fonts in a breeze and accessibility
Setting up Mobile icons and bookmarks
Using SVG to streamline performance
The fall and rise of JPEG image format
...and much more!

Speakers
avatar for Christopher Schmitt

Christopher Schmitt

Author, Self
The Internet's Christopher Schmitt.


Monday October 21, 2013 11:00am - 12:00pm
Concert Hall

11:00am

Cirque du Filter: A Journey into Advanced Filter Effects #cssfilter
Graphics filters have been part of SVG since its spec was standardized in 2001. Now they're finally useful for general development via inline SVG and CSS filters. I'll show demos (with code) of selective blurring, shadow manipulation, unsharp masking with thresholding, white and black-point manipulation, dodging and burning, and effects animations that work cross platform in edge browsers. I'll also show how to create a wide range of textures using the filter noise function.

Speakers
avatar for Michael Mullany

Michael Mullany

Sencha
Michael Mullany is the CEO at Sencha. He started his career as a browser PM at Netscape, and is a foot-worn traveler of Silicon Valley with stints at Loudcloud, VMware and Engine Yard. A few years ago he developed an unhealthy personal obsession with CSS animations and thus was born... Read More →


Monday October 21, 2013 11:00am - 12:00pm
Music Room

11:00am

Storytelling with CSS and Game Design #cssgame

Award-winning cartoonist turned front end developer Rachel Nabors's latest creation, Alice in Videoland, is a short interactive storybook created for iDevices and desktop browsers. This colorful reinterpretation of Lewis Carroll's children's classic serves as a proving ground for many useful and dazzling techniques. Learn about overcoming CSS3 animation gotchas and performance issues on the iPad, managing touch and click events uniformly, and the perils of scroll events and parallax on mobile browsers.


Speakers
avatar for Rachel Nabors

Rachel Nabors

Founder, chief story-coder, Tin Magpie
Rachel Nabors is a web animation expert in Portland, Oregon. An invited expert at the W3C and a Google Developer Expert, she cultivates the community by curating WebAnimationWeekly.com and running the Animation at Work Slack community. She helps companies wrangle UI animation a... Read More →


Monday October 21, 2013 11:00am - 12:00pm
Billiard Room

12:00pm

Getting Your CSS Under Control #csscontrol
It seems so easy but soon enough, you're throwing !important at every problem. In this session, we'll review the typical pain points in site development and explore a modular approach that can make projects easier to develop and manage.

Speakers
avatar for Jonathan Snook

Jonathan Snook

Shopify
I'm a web designer and developer who is currently a product manager at Shopify. Before Shopify, I worked at Yahoo! as part of the team that redesigned and rebuilt the communication suite of products: Mail, Messenger, Calendar, and more. Before that, I freelanced for almost 5 years... Read More →


Monday October 21, 2013 12:00pm - 1:00pm
Concert Hall

12:00pm

Modern Style Guides for a Better Tomorrow #modstyle
Times are changing and so must the process in which we build websites. The days of designing static compositions in Photoshop are a thing of the past, instead, responsive design within the browser is here. This new world is not without its own risks, but if we focus on maintainability, organization, and modularity we can achieve a better tomorrow.


In this talk Shay will outline style guides, a living documentation of a websites. Looking at a few modern practices and standards, we’ll discuss the benefits of style guides, the strategy behind creating one, and how to best utilize one.

Speakers
avatar for Shay Howe

Shay Howe

Director of Product, Belly
As a designer and front end developer, Shay Howe has a passion for solving problems while building creative and intuitive products. Shay specializes in product design and interface development, specialties in which he regularly writes and speaks about. Additionally, Shay helps co-organize... Read More →


Monday October 21, 2013 12:00pm - 1:00pm
Music Room

12:00pm

Preprocessor Workflow with Grunt #gruntflow
Integrate Grunt, the JavaScript task runner, into your workflow with any CSS preprocessor of your choice. This session will help you understand Grunt and explore a variety of grunt plugins, especially the ones that help you speed up and improve your CSS workflow with preprocessors and build optimization.

Speakers
avatar for Vlad Filippov

Vlad Filippov

Freelancer
Vlad Filippov has been deeply immersed in software development since last century. His work has roamed widely: from desktop web development (client and server), to mobile, Android and 3D games. He is currently pursuing his Computer Science degree and has lately been obsessed with... Read More →


Monday October 21, 2013 12:00pm - 1:00pm
Billiard Room

1:00pm

Lunch
Monday October 21, 2013 1:00pm - 2:00pm
MacGregor Room

2:00pm

Developing Responsive HTML5 in a Native App #HTML5app
Developing a hybrid mobile app using native code and HTML5 has been a topic of discussion among developers. Web pages may load slower than native apps and providing legacy support for older devices may be an obstacle. There are numerous benefits for producing HTML5 pages in the native apps. The flexibility to create and edit one unified platform across most devices makes it appealing to web developers. Sharon will cover the many challenges that her team faced and resolved during the seamless production of the HTML5 pages inside the native apps.

Speakers
avatar for Sharon Chen

Sharon Chen

Viggle, Inc
Sharon Chen is a Front End Engineer at Viggle in New York City. She enjoys writing clean HTML5 semantics and CSS; it's like meditation for her. With Sharon’s strong background in design and developing skills, she's inspired to create the best usability experience in mobile development... Read More →


Monday October 21, 2013 2:00pm - 3:00pm
Billiard Room

2:00pm

UI Pattern Libraries: Why They Are Awesome #uilib
Building pattern libraries for our CSS and visual assets has a lot of benefits, but we don't talk about them a lot. This session covers all the great things you get from a pattern library, and why you should build one for your very next project. It will also cover how to actually go about making one, and some things to consider, such as how to go about organizing things.

Speakers
avatar for Reed Lauber

Reed Lauber

Frontend Engineer, Simple
Front-end web developer. Interface designer trying to make interaction experiences easy. Lover of patterns, coffee and trees.


Monday October 21, 2013 2:00pm - 3:00pm
Music Room

2:00pm

Usability and Accessibility CSS Gotchas #cssgotcha
In this session, Mr. Lembree discusses several common web design and CSS practices which may cause problems for some users. Techniques covered include link design, CSS-generated content, sprites, and CSS3 transitions. Attend this session to learn more about the intricacies of CSS implementation and to ensure great usability and accessibility of your website.

Speakers
avatar for Dennis Lembree

Dennis Lembree

Senior Web Developer, Accessibility, PayPal
Mr. Lembree has over 15 years experience in web development. He's worked for a variety of startups as well as large companies including Ford, RIM, Disney, and PayPal. Mr. Lembree enjoys attending conferences and writing articles. His personal projects include EasyChirp.com (award-winning... Read More →


Monday October 21, 2013 2:00pm - 3:00pm
Concert Hall

3:00pm

Automated Tests & CSS #testcss
Test-Driven Development has grown in popularity among the community in the past few years, but we're still lacking the proper tools to provide automation behind our CSS. How do you know a change you made to one small section on a page doesn't break a large section on another page of your site, especially when you support hundreds of devices?

In this talk, I take a look at the options available and show where they succeed and fail. I also answer the most important question, "Won't someone think of the children?"

Speakers
avatar for Kevin Lamping

Kevin Lamping

Senior Front-end Engineer
Kevin Lamping is a Front-end Engineer. He also helps organize Hill Country JS, a front-end meetup in San Antonio. He hosts the Parent Programming podcast and teaches at http://learn.webdriver.io


Monday October 21, 2013 3:00pm - 4:00pm
Music Room

3:00pm

Get Your Sass in Line: Tips and Strategies for Teams and Large Projects #sassline
One challenge of starting a large Sass project is determining how to divide styles into partials. What should go into each partial? How is the folder structure going to be set up? How are the partials going to be imported?

When working in a team it is incredibly important that other team members can not only find the styles they are looking for, but also understand where they should add new styles. A well designed file structure, and an adherence to OO(S)CSS will help create a project that is easy to manage and maintain.

Speakers
avatar for Micah Godbolt

Micah Godbolt

Senior Design Developer, Microsoft
I'm a Front-end Architect, author, speaker, trainer, blogger and developer from the Seattle area.


Monday October 21, 2013 3:00pm - 4:00pm
Concert Hall

3:00pm

Using Modernizr to Progressively Enhance your CSS #usemod
As browsers diversify, feature detection has become the preferred method of producing bug free sites. In this session we'll discuss some of the ways we can avoid crippling our sites or serving overly bulky CSS by using Modernizr to craft CSS that progressively enhances a site.

Speakers
avatar for Matthew Carver

Matthew Carver

Big Spaceship
Author of "The Responsive Web" by Manning Publications. Senior Technologist at Big Spaceship in Brooklyn NY. Of average height and likes dogs.


Monday October 21, 2013 3:00pm - 4:00pm
Billiard Room

4:00pm

Complex RWD CSS Grid Layouts Made Easy #rwdgrid
Grids are powerful. They provide order to your design and structure to your content, but until we get native grids in CSS they’re hard to work with. When you need to make them fluid and responsive, they get harder. When you need to change a grid from a generic grid system, it becomes a nightmare to maintain. All of this, however, can be made easy and simple thanks to CSS Preprocessing and the right grid framework.

Speakers
avatar for Sam Richard

Sam Richard

UI Architect, Watson, IBM
Sam Richard is the Senior Front End Developer for NBCUniversal’s Publisher team where he waxes philosophical about Sass+Compass, Responsive Web Design, Drupal, Photography, and, on occasion, bacon. He also makes all of the above, occasionally dipped in chocolate He organizes the... Read More →


Monday October 21, 2013 4:00pm - 5:00pm
Concert Hall

4:00pm

Responsive Typography #rwdtype
Your content is probably the most important feature of your website, so it's important to make sure that the text looks good and is easy to read no matter what device type or screen size it's being viewed on. One size does not fit all when it comes to typography, but you can use media queries to adjust type qualities such as size, line height, column width, margins, hyphenation, and even typeface depending on the viewport size. Learn how you can use CSS to apply design rules that will make your typography look better and perform better across devices.

Speakers
avatar for Clarissa Peterson

Clarissa Peterson

UX designer & developer, ICE Health Systems
Clarissa Peterson is a UX designer and web developer based in Calgary, Alberta. She frequently speaks and gives workshops on responsive design and user experience, and also teaches in the web developer fast track program at the Southern Alberta Institute of Technology (SAIT). Clarissa... Read More →


Monday October 21, 2013 4:00pm - 5:00pm
Music Room

4:00pm

The State of Sass & Compass #statesass
In addition to reviewing the latest in the new in Sass 3.3 and Compass, Chris Eppstein discusses the roadmap of these technologies and answers your questions about their future.

Speakers
avatar for Chris Eppstein

Chris Eppstein

LinkedIn
Chris Eppstein is an open source hacker at LinkedIn. The creator of Compass, a stylesheet authoring framework and is on the core team of Sass,  Chris is a co-author of Sass & Compass in Action.


Monday October 21, 2013 4:00pm - 5:00pm
Billiard Room

5:30pm

Opening Party
Arrive early to register to ride a large tricycle for the Adult Big Wheel Races.

Also? Drinks, hors d'oeuvres, photobooth, and maybe a suprise guest. 

ATTENTION ALL BIG WHEEL RACERS: Meet in the Back Parking Lot, behind the Stanley Hotel


Monday October 21, 2013 5:30pm - 8:30pm
Lodge Back Patio (Fire Pit Area)
 
Tuesday, October 22
 

8:00am

Breakfast
Tuesday October 22, 2013 8:00am - 9:00am
MacGregor Room

9:00am

Keynote Address
Speakers
avatar for Chris Coyier

Chris Coyier

Web Design Community Curator, CSS-Tricks
Designer at CodePen. Writer at CSS-Tricks.com. Podcaster at Shop Talk Show.


Tuesday October 22, 2013 9:00am - 10:00am
Concert Hall

10:00am

Cascade Engineering #engcascade
There are so many fantastic CSS frameworks and libraries out there it’s hard not to pick one to use as part of your development stack, especially if CSS isn’t your discipline or it is new to you. Before just picking a CSS framework for your next project let’s take a look at CSS to understand the art of the cascade and techniques used in engineering CSS libraries. Having a solid understanding of CSS engineering will help you assess predefined libraries and be able to make them work for you instead of against you.

Speakers
avatar for Wendee Fiorillo

Wendee Fiorillo

Crisp fall morning, ah. Works on IE7 bug. Dreams of a sunset.
To some Wendee Fiorillo is a designer, a front-end architect, a digital problem solver. To others Wendee is an artist, a baker of cookies, a weirdo who takes pictures of spiders.


Tuesday October 22, 2013 10:00am - 11:00am
Music Room

10:00am

Color Meet Code #colorcode
Frameworks have been built around every imaginable layout problem but frameworks for color remained largely unexplored. With CSS this was largely impossible, but with variables and color functions in Sass we can build entire color schemes based on simple color math. In this talk I will go over how color works, the math behind it, the functions available, and how to fully integrate color systems into your site.

Speakers
avatar for Scott Kellum

Scott Kellum

VOX Media
Scott Kellum is a designer at VOX Media creating beautiful features for The Verge as well as having worked on SB Nation and Polygon. With a classical graphic design background and passion for code, Scott is particularly interested in the areas where design and development meet and... Read More →


Tuesday October 22, 2013 10:00am - 11:00am
Concert Hall

10:00am

Unfolding the Box Model #unfoldbox
An Exploration of CSS 3D Transforms

We follow our dear friend, the DOM element, as it progresses from its humble roots into marvelous examples of 3D transforms, including solid primitives, a slinky, a solar system, origami, and other fun examples showing the potential of this exciting CSS module.

Slides: http://rupl.github.com/unfold/
Video: http://www.confreaks.com/videos/2234-html5tx2013-unfolding-the-box-model

Speakers
avatar for Chris Ruppel

Chris Ruppel

Four Kitchens
Chris Ruppel is a frontend developer at Four Kitchens in Austin, TX, where he loves making websites load fast and shrink on your phone. Active in open source and a champion for the Open Web, Chris has contributed to Modernizr, Drupal 8 core, and maintains several frontend and web... Read More →


Tuesday October 22, 2013 10:00am - 11:00am
Billiard Room

11:00am

Building Obama #bldgobama
Manik Rathee was a User Experience Engineer for President Barack Obama. He spent most of his time on the campaign building and refining the Contribution platform heralded for raising millions online. In this session, he will talk about the CSS changes that transformed the original donation form into one referred to as a "masterpiece of interaction design"

Speakers
avatar for Manik Rathee

Manik Rathee

Obama For America
Manik Rathee is a designer and developer, previously a front-end developer and user experience engineer for President Barack Obama. He has a passion for good ux and minimal design. On the 2012 Obama Campaign, he contributed to things like BarackObama.com, Dashboard, Call tool... Read More →


Tuesday October 22, 2013 11:00am - 12:00pm
Concert Hall

11:00am

Secrets of Awesome JavaScript API Design #apidesign
It doesn't take long for most developers to sniff out a poorly-designed JavaScript API. Within minutes of coding against a library, most developers can divine how their long-term relationship with that library will turn out. APIs are developer UX, after all.

In fields like art & architecture, design is communicated through principles, and it's possible to borrow the principles of these fields, and see them in action in several popular JavaScript libraries. By digging into these libraries, and uncovering these principles, we can learn how to create APIs of our own that are a pleasure to use.

Speakers
avatar for Brandon Satrom

Brandon Satrom

VP, Product Strategy & Innovation, Progress
Brandon Satrom (@BrandonSatrom) is Program Manager for Kendo UI and is based in Austin, TX. A lover of the open web, Brandon loves to talk about HTML, JavaScript, CSS, open source and whatever new shiny technology has distracted him from that other thing he was working on. Brandon... Read More →


Tuesday October 22, 2013 11:00am - 12:00pm
Billiard Room

11:00am

Select This! #selectthis
Speakers
avatar for Estelle Weyl

Estelle Weyl

Open Web Evangelist, UI Eng., Author, Trainer, Instart Logic
Estelle Weyl is an internationally published author, speaker, trainer, and consultant. Estelle started her professional life running public health programs, but decided instead to be a web standardista. A UI Engineer, she has consulted for Kodakgallery, Samsung, SurveyMonkey, Yahoo... Read More →


Tuesday October 22, 2013 11:00am - 12:00pm
Music Room

12:00pm

Wrap-Up Panel
Speakers

Tuesday October 22, 2013 12:00pm - 1:00pm
Concert Hall

1:00pm

Lunch
Tuesday October 22, 2013 1:00pm - 2:00pm
MacGregor Room

2:00pm

Best Of CSS Dev Conf Session: Responsive Type #rwdtype
Speakers
avatar for Clarissa Peterson

Clarissa Peterson

UX designer & developer, ICE Health Systems
Clarissa Peterson is a UX designer and web developer based in Calgary, Alberta. She frequently speaks and gives workshops on responsive design and user experience, and also teaches in the web developer fast track program at the Southern Alberta Institute of Technology (SAIT). Clarissa... Read More →


Tuesday October 22, 2013 2:00pm - 3:00pm
Concert Hall

2:00pm

Best Of CSS Dev Conf Session: Select This! #selectthis
Speakers
avatar for Estelle Weyl

Estelle Weyl

Open Web Evangelist, UI Eng., Author, Trainer, Instart Logic
Estelle Weyl is an internationally published author, speaker, trainer, and consultant. Estelle started her professional life running public health programs, but decided instead to be a web standardista. A UI Engineer, she has consulted for Kodakgallery, Samsung, SurveyMonkey, Yahoo... Read More →


Tuesday October 22, 2013 2:00pm - 3:00pm
Billiard Room

2:00pm

Best Of CSS Dev Conf Session: Unfolding the Box Model #unfoldbox
Speakers
avatar for Chris Ruppel

Chris Ruppel

Four Kitchens
Chris Ruppel is a frontend developer at Four Kitchens in Austin, TX, where he loves making websites load fast and shrink on your phone. Active in open source and a champion for the Open Web, Chris has contributed to Modernizr, Drupal 8 core, and maintains several frontend and web... Read More →


Tuesday October 22, 2013 2:00pm - 3:00pm
Music Room

3:00pm

Best Of CSS Dev Conf Session: Storytelling with CSS #cssgame
Speakers
avatar for Rachel Nabors

Rachel Nabors

Founder, chief story-coder, Tin Magpie
Rachel Nabors is a web animation expert in Portland, Oregon. An invited expert at the W3C and a Google Developer Expert, she cultivates the community by curating WebAnimationWeekly.com and running the Animation at Work Slack community. She helps companies wrangle UI animation a... Read More →


Tuesday October 22, 2013 3:00pm - 4:00pm
Music Room

3:00pm

Best Of CSS Dev Conf Session: The Future of CSS #futurecss
Speakers
avatar for Tab Atkins

Tab Atkins

Web Standards Hacker, Google
Tab Atkins Jr. wears many hats. Working for Google on the Chrome browser as a Web Standards Hacker, he also is a member of the CSS Working Group and several others, and contributes to even more working groups in the W3C.


Tuesday October 22, 2013 3:00pm - 4:00pm
Billiard Room

3:00pm

Best Of CSS Dev Conf Session: The State of Sass & Compass #statesass
Speakers
avatar for Chris Eppstein

Chris Eppstein

LinkedIn
Chris Eppstein is an open source hacker at LinkedIn. The creator of Compass, a stylesheet authoring framework and is on the core team of Sass,  Chris is a co-author of Sass & Compass in Action.


Tuesday October 22, 2013 3:00pm - 4:00pm
Concert Hall

4:00pm

Closing Keynote
Speakers

Tuesday October 22, 2013 4:00pm - 5:00pm
Concert Hall

5:30pm

Closing Party
After the closing keynote address, join us Drinks and snacks with the return of last year's favorite Drink n' Draw!

Tuesday October 22, 2013 5:30pm - 7:30pm
MacGregor Room
 
Wednesday, October 23
 

10:00am

Build Responsively Workshop
A full-day workshop on responsive web design presented by Ben Callahan. From process and client interaction to code structure and techniques, we will encourage workshoppers to embracing the fluid nature of the web. Geared toward intermediate front-end developers and supplemented with knowledge for managers, designers, and others in the web industry.

Oct. 23rd workshops require a separate registration.

Speakers
avatar for Ben Callahan

Ben Callahan

President, Sparkbox
President of Sparkbox and founder of the Build Right workshop series, Ben shares his ideas about the web on the Sparkbox Foundry and other leading industry blogs. He’s incredibly grateful for the team at Sparkbox as they pioneer new responsive web design techniques and... Read More →


Wednesday October 23, 2013 10:00am - 5:00pm
Music Room

10:00am

SMACSS Workshop
Jonathan Snook brings his SMACSS Workshop to CSS Dev Conf. If you take his workshop, you will shift how you think about writing CSS that will simplify your code, make your project easier to manage, and allow it to grow without creating an increasingly brittle system of dependencies. Your code will be more portable, making it easier to use code on other projects.

Oct. 23rd workshops require a separate registration.

Speakers
avatar for Jonathan Snook

Jonathan Snook

Shopify
I'm a web designer and developer who is currently a product manager at Shopify. Before Shopify, I worked at Yahoo! as part of the team that redesigned and rebuilt the communication suite of products: Mail, Messenger, Calendar, and more. Before that, I freelanced for almost 5 years... Read More →


Wednesday October 23, 2013 10:00am - 5:00pm
Billiard Room

5:30pm

Meetup
Wind down with other workshop attendees before heading home!

Wednesday October 23, 2013 5:30pm - 7:00pm
Whiskey Bar