Loading…
This event has ended. View the official site or create your own event → Check it out
This event has ended. Create your own
A full-day conference devoted solely to CSS, the design language of the web + mobile: twenty sessions, four tracks, and two great keynote sessions.
View analytic

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

Wednesday, December 5
 

9:00am

Opening Keynote

The morning keynote address by Jenn Lukas opens up the first annual CSS Dev Conference.


Speakers
avatar for Jenn Lukas

Jenn Lukas

Interactive Development Director, Happy Cog
Jenn is the Interactive Development Director at Happy Cog in Philadelphia. She writes for The Nerdary, has a regular column in .net magazine and is a contributor to The Pastry Box Project. | When she's not crafting sites with the finest of web standards, Jenn teaches HTML and CSS for GirlDevelopIt. She is also a world authority on the bloody mary.


Wednesday December 5, 2012 9:00am - 9:45am
Umi Room Outrigger on the Beach

10:00am

CSS Genius Bar

Have a CSS question or conundrum? Ask the smartypants sitting behing the CSS Genius Bar.


Wednesday December 5, 2012 10:00am - 10:45am
Hoa'aloha Room

10:00am

Building Responsive Layouts
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 Liquid and Elastic Layouts with CSS and the video training title Web Accessibility Principles for lynda.com, and I have written nearly 100 articles and tutorials... Read More →



Wednesday December 5, 2012 10:00am - 10:45am
Elua Room Outrigger on the Beach

10:00am

CSS Squirrel

TBA


Speakers
avatar for Kyle Weems

Kyle Weems

Front End Developer & Chief Humorist, Mindfly
Kyle Weems is a Front End Developer and Chief Humorist at Mindfly Web Design Studio. The city of Bellingham, Washington, is his base of operations from which he pokes fun at the world of web design and development via CSSquirrel, a webcomic that studies the intersection between absurdity, web development and small furry animals. |  


Wednesday December 5, 2012 10:00am - 10:45am
Eha Room Outrigger on the Beach

10:00am

Make the Build Go #F00 - Automated CSS testing

Even in the biggest web apps built on continuous integration servers with automated deploys, CSS is still often tested only visually. Something can easily be missed or regressions can slip in and not be spotted until production.

As CSS is a declarative language, traditional automated testing techniques either don't apply or aren't sensible. This talk aims to give an overview of the techniques available for automated testing such as page render image diffs, cross-browser equality, frozen DOM structure comparisons. It will also cover some of the tools you can use to integrate automated CSS testing into your build pipeline.


Speakers
SM

Simon Madine

Maps Technologies Evangelist, Nokia
Senior Engineer and Technologies Evangelist on Nokia Maps. Organiser and host of the Nokia Berlin Tech Talks and editor of the Nokia Web Dev blog. I write regularly for creativejs.com as well as my own site (thingsinjars.com). Worked in Edinburgh and Tokyo as a web dev for a top creative agency then spent a couple of years running The Angry Robot Zombie Factory (angryrobotzombie.com) making iOS and web apps. | Known as thingsinjars everywhere... Read More →



Wednesday December 5, 2012 10:00am - 10:45am
Ekolu Room Outrigger on the Beach

10:00am

Select This!

Pick an element, any element. Style it. No IDs. No classes. No jQuery necessary. We'll learn all the new features of CSS3 selectors that enable you to select this DOM node, that DOM node, and even imaginary DOM nodes based on attributes, relation to other elements, location in the DOM, or just an element's mere existence. The possibilities are endless, if you know how to use the tools in your tool box. Today's tool is CSS3 selectors.


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! and Apple, among others. Estelle shares esoteric tidbits learned while programming CSS, JavaScript and HTML, provides tutorials and detailed grids of CSS3 and... Read More →



Wednesday December 5, 2012 10:00am - 10:45am
Ekahi Room Outrigger on the Beach

11:00am

How to Displace Worst Practices

Often we become so concerned with our own bleeding edge technologies and best practices that we forget that on the day to day, we need to defend our applications and work from *worst* practices. From a preventive standpoint, you’ll learn how to explain the evils of inline styles, how to prevent 9+ selectors on a CSS statement, and more. Inspired by conversations, presentations, and materials produced for a development team where back-end developers outnumber front-end more than 10:1, anyone who works with a team and strives for a quality code base will benefit from this session.


Speakers
PS

Pam Selle

"Don't fuck it up" - RuPaul http://pamelaselle.com http://picasaweb.google.com/toutweltschmerz http://www.flickr.com/photos/29983947@N05/ http://www.youtube.com/watch?v=1FkW2D5n8Ns


Wednesday December 5, 2012 11:00am - 11:45am
Ekahi Room Outrigger on the Beach

11:00am

CSS Genius Bar

Have a CSS question or conundrum? Ask the smartypants sitting behing the CSS Genius Bar.


Wednesday December 5, 2012 11:00am - 11:45am
Hoa'aloha Room

11:00am

Adaptive Images in RWD
Speakers
avatar for Christopher Schmitt

Christopher Schmitt

Author, Self
The Internet's Christopher Schmitt.


Wednesday December 5, 2012 11:00am - 11:45am
Eha Room Outrigger on the Beach

11:00am

Fast, Responsive Designs: Optimizing Your Media Queries

CSS media queries have revolutionized web design -- nowadays, if your site isn't responsive, it isn't cool. But page speed is also critically important and media queries can have a negative impact on performance and the user experience if not executed carefully. Learn how to optimize your media queries to keep your site both responsive and fast with Kimberly Blessing, who has focused on CSS architecture and performance for over 10 years.


Speakers
avatar for Kimberly Blessing

Kimberly Blessing

WebLinc
Kimberly Blessing is a web developer, standards evangelist, and teacher. Her resume includes everything from prominent technical leadership positions at big companies you love to hate to freelance gigs for tiny sites you've never heard of. She loves building web sites to suit them all. A former member of the CSS Working Group and a member of the Web Standards Project, she's worked behind the scenes to make the web a better place, too.



Wednesday December 5, 2012 11:00am - 11:45am
Elua Room Outrigger on the Beach

11:00am

Weird CSS on the Mobile Web

The mobile web is a strange beast. While modern mobile browsers have advanced leaps and bounds beyond the mobile browsers of the past, there's still plenty of CSS quirks to deal with. Learn how to tackle weird behavior dealing with fixed positioning, overlays, box-shadows, tap-highlight-color, webkit-appearance, and a whole lot more.


Speakers
avatar for Brad Frost

Brad Frost

Mobile web strategist and front end designer, R/GA
I am a mobile web strategist and front-end designer at R/GA, musician, and artist in beautiful Pittsburgh, PA.



Wednesday December 5, 2012 11:00am - 11:45am
Ekolu Room Outrigger on the Beach

12:00pm

Is Flexbox the Future of Layout?

While the CSS Flexible Box Layout Module (Flexbox) has gone through some radical changes over the past two years, the specification is now stable enough for designers and developers to give it a hard look. Find out what Flexbox can (and can't) do to save your layout woes and how to integrate into your projects!



Wednesday December 5, 2012 12:00pm - 12:45am
Eha Room Outrigger on the Beach

12:00pm

Is Flexbox the Future of Layout?
While the CSS Flexible Box Layout Module (Flexbox) has gone through some radical changes over the past two years, the specification is now stable enough for designers and developers to give it a hard look. Find out what Flexbox can (and can't) do to save your layout woes and how to integrate into your projects!

Speakers
JW

James Williamson

Senior Author, Lynda.com
James Williamson is a Senior Author for lynda.com and has over 15 years of web, print, and digital video experience. His current focus is on front-end web development and related technologies. He is passionate about web standards, good design, and promoti


Wednesday December 5, 2012 12:00pm - 12:45pm
Eha Room Outrigger on the Beach

12:00pm

Music Videos with CSS3 and HTML5

Rachel Nabors will show you how to make a browser-based music video using the HTML5 audio, JavaScript and CSS3 animations. Load assets, loop music, and fire events using JavaScript. Animate images and backgrounds with CSS3. Combine the two to let users interact with and change the video. This talk is an excellent introduction to CSS3’s shiniest features and HTML5’s audio API. Even if you never need to make a music video, you’re sure to come away with a head full of ideas.


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 and building new and unusual experiences. You can find her on Twitter and at rachelnabors.com.


Wednesday December 5, 2012 12:00pm - 12:45pm
Ekahi Room Outrigger on the Beach

12:00pm

CSS Genius Bar

Have a CSS question or conundrum? Ask the smartypants sitting behing the CSS Genius Bar.


Wednesday December 5, 2012 12:00pm - 12:45pm
Hoa'aloha Room

12:00pm

Responsive Content
Designing responsive sites is mainstream, but how do these sites handle content strategy? Like the design, content is flexible—expanding based on device capability to match the user's context. We need techniques to scale content as beautifully and responsively as our designs.


To make content respond, we'll utilize acronyms and buzzwords like HTML5, CSS3, and AJAX to create three responsive tools: pruning, linking, and lazy loading.


These tools will help adapt content to create optimal user experiences across device types. Finally, we'll apply these tools to blogs, news sites, small webapps, and even commerce sites.

Speakers
avatar for Hans Sprecher

Hans Sprecher

Web Developer
Hans Sprecher is a philosopher turned web developer with passion for engaging online experiences. He's Fanatical about HTML, CSS, JS, UI and other acronyms. After launching hundreds of websites at startups, a large corporation, and everything in-between he remains fascinated by the web, making time to speak, write, and generally philosophize about the internet.


Wednesday December 5, 2012 12:00pm - 12:45pm
Ekahi Room Outrigger on the Beach

12:00pm

Responsive Retrofitting (or Responsive in the Real World)

The techniques of responsive web design are well established, but how do you put them to use in the real world? We'll look at ways to use these techniques on legacy sites giving attendees knowledge they can put to use immediately. Topics covered:


• creative ways to link retrofit styles
• additive and subtractive CSS
• responsive with minimal HTML changes
• fun real-world examples


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 he continues to push for great user experiences outside the context of specific devices. You can find... Read More →



Wednesday December 5, 2012 12:00pm - 12:45pm
Ekolu Room Outrigger on the Beach

1:00pm

Lunch
Wednesday December 5, 2012 1:00pm - 2:00pm
Umi Room Outrigger on the Beach

2:00pm

Designing Ebooks with Web Standards

Designing with Web Standards (HTML, CSS, JavaScript) is great, and being able to distribute or sell text and image content as ebooks is also great. Too bad they can't be combined — that would be incredible!


Welcome to the future.


Standards-based ebook frameworks are not science fiction. They're real, and provide excellent starting points for designing ebooks that can be sold in an app store. Or they can also provide a more book-like Web experience in a browser.


This session will teach you how to do it! Previous HTML and CSS experience required.


Speakers
KL

Kristofer Layon

Kristofer Layon is a designer, product design manager, and author. Kris divides his time between managing mobile product design for Capella Education Company, doing independent design and development projects, and writing for New Riders, Peachpit, and others. He has an MFA in interactive design and a BA in German and art history. | Kris has designed web sites for engineers, urban planners, city governments, artists, musicians, retailers, the... Read More →


Wednesday December 5, 2012 2:00pm - 2:45pm
Ekahi Room Outrigger on the Beach

2:00pm

The Future of CSS

Modern CSS is amazing, but even more wonderful stuff is in the pipeline and currently being experimented with in browsers.

Tab Atkins explains the soon-to-be-new hotness in simple terms and show how it will drastically change the way you write web pages for the better.

 


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.


Wednesday December 5, 2012 2:00pm - 2:45pm
Eha Room Outrigger on the Beach

2:00pm

Navigation in Responsive Design

This session covers the many options of how to format navigation when building a responsive site. It would include user research and case studies on navigation for different devices that may or may not support fixed positioning, pros and cons of dropping typical navigation into list views, modern techniques and new interesting ideas on navigation for mobile and touch devices. It would cover the CSS and JS used to deliver these concepts, as well as how they affect websites at larger desktop screen sizes.


Speakers
EA

Erick Arbe

I am a self taught web developer. I founded Golf Web Design. I'm a huge WordPress user. I continue my education daily. My company is currently the leader in website design for golf professionals (yes, it's a niche). We also contract out to several advertising agencies as their web development team. Most notably: Joseph David Advertising in St Simons Island, GA. I'm located in Greenville, SC. I also build many apps with Appcelerator. 



Wednesday December 5, 2012 2:00pm - 2:45pm
Elua Room Outrigger on the Beach

2:00pm

Optimizing the Octocat: Tales of Performant CSS at GitHub

GitHub.com has a DOM problem. With code syntax highlighting, line numbers, and code snippets on diff pages, the DOM elements can skyrocket into the tens of thousands. This can result in some very complex and unique CSS performance problems that caused some scary slow pages to sometimes crash your browser.

We solved these problems with performance tweaks turning page loads from seconds into milliseconds, efficient CSS selectors matching fewer elements, and writing hundreds of kilobytes of less code.


Speakers
JR

Jon Rohan

Jon Rohan, web developer and designer at GitHub, will share what he has learned improving the performance of github.com. | With millions of visitors daily, GitHub's site posed some unique challenges. He’s excited about responsive websites, and what they mean for the future of the web.


Wednesday December 5, 2012 2:00pm - 2:45pm
Ekolu Room Outrigger on the Beach

2:00pm

CSS Genius Bar

Have a CSS question or conundrum? Ask the smartypants sitting behing the CSS Genius Bar.


Wednesday December 5, 2012 2:00pm - 2:45pm
Hoa'aloha Room

3:00pm

101 Things to (ab)Use a Checkbox For

Let's take a whirl wind tour of 101 things you can (ab)use a checkbox/radio input for. From simple stuff like a tree menu to more advanced stuff like a fully functioning image slider gallery all without JavaScript. CSS3 is very powerful let's push it to the limit.


Speakers
RS

Ryan Seddon

Ryan Seddon is a Senior Front-end engineer with a passion for pushing JavaScript and CSS to its limits. He is very active in the open source community a core member of the Modernizr team and a passionate blogger on his site http://www.thecssninja.com/


Wednesday December 5, 2012 3:00pm - 3:45pm
Ekahi Room Outrigger on the Beach

3:00pm

Getting 60fps CSS Performance Through Tools

Dive into the tools available in and outside of the browser to dive into the performance of your CSS, find what's slow (like that box-shadow that causes paints to be 70ms longer), and how to fix it.

Learn about about:tracing, CSS Profiling, Speed Tracer, and meanwhile get a better understanding of browser internals.


Speakers
PI

Paul Irish

Paul Irish is a front-end developer who loves the web. He is on Google Chrome's Developer Relations team.   He develops the HTML5 Boilerplate<, the HTML5/CSS3 feature detection library Modernizr, HTML5 Please, CSS3 Please, and other bits and bobs of open source code.


Wednesday December 5, 2012 3:00pm - 3:45pm
Eha Room Outrigger on the Beach

3:00pm

CSS Genius Bar

Have a CSS question or conundrum? Ask the smartypants sitting behing the CSS Genius Bar.


Wednesday December 5, 2012 3:00pm - 3:45pm
Hoa'aloha Room

3:00pm

Flexible Media in Responsive Web Design

Media Queries: Easy. Fluid Grids: Squeezy.

Fluid Media is surprisingly one of the most challenging aspects of RWD. Squeezing images, video, and display type may result in some undesired effects.

Dave Rupert covers a slew of CSS strategies, techniques, and sweet effects to awesomize™ your media in your next responsive design.

And when CSS can't fully complete the job, Rupert looks at how tiny bits of javascript can solve large problems.


Speakers
DR

Dave Rupert

Lead Developer, Paravel
Dave Rupert is the lead developer for Paravel and host of the ATX Web Show, a podcast about the local web design and development scene in Austin, TX. Most of his attention is focused on current buzzwords: HTML5 / CSS3, Javascript, Rails, Sinatra, and the Mobile Web.


Wednesday December 5, 2012 3:00pm - 3:45pm
Elua Room Outrigger on the Beach

3:00pm

Style-Guide Driven UI Design with Sass

For both designers and developers, whether you’re working alone or on a large team, having a solid UI Library and CSS architecture is incredibly rewarding and essential for your application. As continuous integration gains traction in today’s web application development workflows, living user interface style guides and Sass help keep everything in check. Learn how you can create smarter, forward-thinking maintainable web interfaces.


Speakers
avatar for Jina Bolton

Jina Bolton

Senior Product Designer, Salesforce
Sass, Style Guides, Design Systems


Wednesday December 5, 2012 3:00pm - 3:45pm
Ekolu Room Outrigger on the Beach

4:00pm

Wrap-Up Panel

At the end of the day, we are having a light panel Q+A discussion with that day’s available speakers. The Wrap-Up Panel is a good opportunity to have more time with speakers and get answers to any last minute questions that you didn’t have a chance ask earlier during a presentation or ask new questions that came up after working through another speaker’s presentation.


Wednesday December 5, 2012 4:00pm - 4:45pm
Umi Room Outrigger on the Beach

5:00pm

Closing Keynote

The afternoon keynote address by Dan Cederholm closes out the first annual CSS Dev Conference.


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.


Wednesday December 5, 2012 5:00pm - 6:00pm
Umi Room Outrigger on the Beach