Loading…
This event has ended. View the official site or create your own event → Check it out
This event has ended. Create your own
View analytic

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

Sunday, October 25
 

5:30pm

Opening Reception
Start off CSS Dev Conf aboard The Queen Mary on the right note:
  • Meet your fellow colleagues
  • Pick up your badge
  • Get your conference swag 
  • Grab a drink, if you want
  • and, if you arrive early, join historic/ghost tour of The Queen Mary!

Sunday October 25, 2015 5:30pm - 7:30pm
Verandah Grill Sun Deck
 
Monday, October 26
 

8:00am

Breakfast
Monday October 26, 2015 8:00am - 9:00am
Windsor Salon "R" Deck

9:00am

Opening Keynote
Speakers
avatar for Sara Soueidan

Sara Soueidan

I’m a Lebanese self-employed front-end web developer, writer and speaker, focusing on HTML5, SVG, CSS and JavaScript. I have a Bachelor’s Degree in Computer Sciences, and I work with companies across the globe, delivering websites for small and medium businesses, as well as work as an outsourcing partner to various web and design agencies. I'm the author of the Codrops CSS... Read More →


Monday October 26, 2015 9:00am - 10:00am
Grand Salon “R” Deck

10:00am

acCeSSibility #A11yCSS
Recently, several companies have launched amazing new sites that feature improvements in performance, responsiveness and the hotness of HTML5 and CSS3. 

These are great accomplishments; however what many forget to improve is the accessibility of the site.

In this session, learn: 

  • Some quick and easy fixes you can do right now (contrast, colors, and :focus)
  • Common mistakes we make (background images, icons, placeholder text vs label, semantic faux pas and roles)
  • How to handle forms and errors
  • Proposed features in the W3C pipeline
  • Testing techniques and automation
  • How to ensure company-wide standards

Speakers
avatar for Heather Migliorisi

Heather Migliorisi

Senior UI Developer, GiftCards.com
As a Senior UI Developer for GiftCards.com, Heather is responsible for bringing innovative industry ideas to the table for the company. Some of those ideas include developing the company's custom pattern library and code-based style guide, responsive image techniques and accessibility solutions. In her free time, Heather works on both the Make WordPress Accessible development team and testing team.


Monday October 26, 2015 10:00am - 11:00am
Grand Salon “R” Deck

10:00am

Cracking the SVG Code #CrackSVG

SVGs: their code looks kind of familiar, but have you ever tried to edit the code and end up breaking the whole darn thing?

I have been digging into the nitty gritty of SVG code, and it's helped me optimize my own SVGs and get started more quickly with libraries that work with SVGs like d3 and snap.svg.

Here are a few topics I'll cover in this session:

  • Understand the mystery of the "viewBox", the SVG coordinate system and viewport, even what all those numbers and punctuation within a "path" actually mean. 
  • How much of all that stuff that Sketch, Illustrator, and Inkscape exports out is actually needed, and what does it do? ("xlmns", "enable-background", etc.)
  • What are the CSS properties that I can use to style SVGs, and when, how, and why?
  • How can I use this information to animate SVGs?


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 a designer and front end developer at thoughtbot, a teacher with Girl Develop It, and is a co-organizer for ManhattanJS.


Monday October 26, 2015 10:00am - 11:00am
Britannia Salon "M" Deck/Main

10:00am

Deep Dive into Animation #DiveAnim
CSS animation tips and tricks: the subtleties, quirks, performance gotchas and "never thought of that"s. Questions welcomed!

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 →


Monday October 26, 2015 10:00am - 11:00am
Queen Salon Promenade Deck

11:00am

Creative Typography with SVG #SVGType
Did you know you can render text with SVG? You can! And better yet, you can combine it with other creative SVG techniques to produce specialized typography treatments, like animated text or text filled with gradients. Even text filled with gifs! The best part? It’s all responsive.

In this talk, you’ll learn:

  • The ins and outs of the SVG <text> elements and attributes
  • The importance of the `viewBox` attribute and the <defs> element
  • Fully responsive custom text layouts
  • Bending text along a curved path
  • Filling text with gradients and images
  • Animating text fills and strokes
  • Advanced animation techniques for morphing letters

Speakers
avatar for Brenna O'Brien

Brenna O'Brien

Front-end Engineer, TED
Brenna is a front-end engineer at TED, NodeSchool Toronto organizer, and creator of csshexagon.com. She loves building communities, mixing code with math and geometry, and outer space.


Monday October 26, 2015 11:00am - 12:00pm
Britannia Salon "M" Deck/Main

11:00am

React Inline Styles and the Future of CSS #ReactCSS

Writing and maintaining CSS for large applications (and large teams) can be challenging. Teams often have trouble with brittle selectors, naming collisions, specificity, and pile-ups of dead code.

After seeing these issues first-hand on large projects, I built Radium: a JavaScript library for styling React applications with inline styles. In the context of a React application, inline styling elegantly solves many of the issues with large-scale CSS. It also gives you the benefits of a CSS preprocessor like Sass, with extra power for expressive styling

In this presentation, we'll compare the benefits of approaches like Radium to some upcoming and proposed additions to the CSS specification that will help make scalable CSS easy in the future, whether you're using React or not. We'll talk about things like:

  • Scoped CSS
  • Shadow DOM
  • CSS Variables and Custom Media Queries
  • Native CSS Extends

Speakers
avatar for Alex Lande

Alex Lande

Software Engineer, Formidable Labs
Alex Lande is a front-end web developer interested in building responsive, accessible, and beautiful web applications of the future at Formidable Labs in Seattle, WA. He's the curator of CascadiaCSS, a CSS conference for the Pacific Northwest, and lead developer of Radium, an open source React styling library. He spends most of his time with his girlfriend, their dog, and a too-large collection of punk rock records.


Monday October 26, 2015 11:00am - 12:00pm
Grand Salon “R” Deck

11:00am

Smoothly Migrating to Flexbox #Flexbox

Over the last year, we've taken a mammoth frontend codebase and revamped it, making it load more rapidly and reliably. I'd love to share how we used flexbox to help our designers, engineers, and users all have a better experience. 

Some considerations that we'll look at: 

  • What browsers does (y)our site need to support?
  • Are (y)our responsive views worked out? Or is this transition a part of that process?
  • What are the things flexbox allows us to do that we had a hard time with before?
  • When is flexbox NOT the right choice? (So important!)
  • What alternatives do we have to flexbox that actually work on legacy browsers?
  • Why "support the current browser version and two versions back" is actually fairly poor for determining your minimum-browser-required floor.
  • How to progressively roll out your new design to various cohorts, so you can easily rollback if disaster strikes.

Speakers
avatar for Charlie Park

Charlie Park

Charlie has been a front-end developer for the last 15 years, working in small shops on the east coast, running an indie webapp from the middle of nowhere, and now working at a startup in San Francisco. Like you, he loves making things, and would be keen to get together with you and hear what you're working on.


Monday October 26, 2015 11:00am - 12:00pm
Queen Salon Promenade Deck

12:00pm

Designing Complex SVG Animations #SVGAnim

SVG animation, like any other web medium, must be designed. As web developers, we’re all familiar with thinking about the effects of typography, layout, interaction, and shifting viewports. But now we have another parameter to consider: time.

In this session, we'll cover:

  • Storyboarding animation that informs UX concerns
  • Workflows for creating beautiful and performant SVG animations
  • Responsive animations that take advantage of SVG capabilites to adjust to the viewport
  • Timing and user engagement

Speakers
avatar for Sarah Drasner

Sarah Drasner

Web Technology Consultant, SarahDrasnerDesign.com
Sarah is an award-winning Speaker, Consultant, and Staff Writer at CSS-Tricks. She’s formerly Manager of UX Design & Engineering at Trulia (Zillow). She’s given a Frontend Masters workshop on Advanced SVG Animations, and is working for a book for O’Reilly on SVG Animations. Last year Sarah won CSS Dev Conf’s “Best of Best of Award” as well as “Best Code Wrangler” from CSS Design Awards. She has worked for 15 years as a web... Read More →


Monday October 26, 2015 12:00pm - 1:00pm
Queen Salon Promenade Deck

12:00pm

Fight the Zombie Pattern Library #Zombie

In "Fight the Zombie Pattern Library", we'll look at the repeatable processes that Slalom Consulting in Dallas, TX is using to "build a tiny Bootstrap" for every client and keep developers using them every day - processes you can take back and implement tomorrow. 

In this session, we will cover:

  • A scalable process for your designers and developers to maintain a *living* style guide
  • How to generate the information you need for a pattern library, especially if being handed designs to work with
  • Usability tips to keep your library easily consumable by developers
  • How to add a pattern library in an existing project
  • Tools to rapidly spin up libraries if you're in a consulting/agency environment

Speakers
avatar for Marcelo Somers

Marcelo Somers

Slalom Consulting
Marcelo is a designer and developer from Dallas, TX. When he's not helping businesses solve their toughest challenges, he's focused on helping design and development teams work better together. He's spent the last two years at Slalom designing processes for designers and developers to move quickly to code and document their user interfaces in pattern libraries. | | In 2011 he founded The Syndicate, a blog sponsorship network that... Read More →


Monday October 26, 2015 12:00pm - 1:00pm
Britannia Salon "M" Deck/Main

12:00pm

Web Components and the Future of Modular CSS #WebMod

Writing modular CSS is hard. A lot harder than it should be. There are so many different methodologies out there, even veteran developers struggle to choose what's best for their next project.

Wouldn't it be great if the platform solved this problem for us? Wouldn't it be great if CSS had real modules?

As luck would have it, Web Components give us just that! Web Components provide two-way scoping and encapsulation, sane dependency management, and real component inheritance. Our code will be both more maintainable and more reusable. It will be easier to write, easier to test, and since it's scoped to individual components, easier (and faster) for the browser to render.

Come hear how Web Components will revolutionize how we write modular CSS, and how we can start preparing for that future today.


Speakers
avatar for Philip Walton

Philip Walton

Developer Programs Engineer, Google
Philip Walton is an engineer on the developer relations team at Google. Prior to this, he led the front-end team at Appfolio, where he primarily worked on building tools and frameworks to help engineers at any level of the stack be successful contributing to the front-end.


Monday October 26, 2015 12:00pm - 1:00pm
Grand Salon “R” Deck

1:00pm

Lunch
Monday October 26, 2015 1:00pm - 2:00pm
Windsor Salon "R" Deck

2:00pm

Container-based RWD with Element Queries #RWDElem

The media query is a wonderful, powerful tool that allow us to make transformable websites for devices all shapes and sizes. Sometimes though, a more granular level of control is needed to make the content fit its context.

We'll dive into element queries and see what happens when we bring responsive principles to the components of a page. 

  • Overview of what are Element Queries
  • How Element Queries are used
  • The current state of Element Queries
  • Ways to use Element Queries now


Speakers
avatar for Philip Zastrow

Philip Zastrow

Developer, Sparkbox
Philip is a developer specializing in frontend design, CSS, and HTML. As a member of Sparkbox, Philip works with his teammates to build a better and unconstrained web. Whether dancing at a standing desk or grooving while sitting, Philip is always on the move, rocking a sweet pair of specs.


Monday October 26, 2015 2:00pm - 3:00pm
Grand Salon “R” Deck

2:00pm

Exploring Fractals in CSS #Fractals

Gregor Adams will talk about his fascination with fractals and show how to render them with CSS. The talk will explain the basics of fractals and the  possibilities of generating them with Sass/SCSS and CSS, followed by a  live-coding session.

After creating the fractals, Gregor will connect them to JavaScript and webAudio to generate patterns from the audio-frequency. 

WARNING! This is a strongly visual talk with very insane demos. 

If you love visual talks, this is a must-see! 


Speakers
avatar for Gregor Adams

Gregor Adams

Frontend Architect / developer, Pixelass
Gregor Adams is a self-taught web developer with a strong focus on CSS. Gregor is very active on CodePen where he shows a lot of abstract CSS experiments. While he has no special focus when is comes to CSS his most impressive works are related to 3d shapes or fractals. Most of his works are pure CSS. Even when he needs interaction in an experiment his first pick is to try to implement it in CSS. Gregor speaks at conferences and meetups with... Read More →


Monday October 26, 2015 2:00pm - 3:00pm
Britannia Salon "M" Deck/Main

2:00pm

The Dark Arts of Light Speed #DarkArts

There needs to be a shift from network-based metrics to user experience ones that centre around rendering and at which point content becomes available. This is where the future of performance will lie. 

This newly defined performance profile rests in part on the front end developer’s shoulders. As such, he/she now needs to accept a new role: performance advocate. 

This talk will have 4 main sections, all discussed in front end developer speak:

  1. HISTORY: The history of web performance and the reasons it has now become a front burner issue. 
  2. SPOFs: We will observe the common SPOFs (points of failure) in webpage rendering, and how they behave and their interactions with the page. 
  3. TOOLS: We’ll go through some analytical tools available to our disposal - from the basic to the much more detailed (like Webpagetest), how to read and interpret the data , to then provide appropriate solutions.
  4. READINGS: Accessible and available resources supporting all of the afore mentioned 

At the denouement of this talk, the front end aficionados in attendance - as well as all others, will be able to make learned decisions about their site, their development and deployment, in achieving a performance analysis, wether working within a team environment or as a freelancer.


Speakers
HH

Henri Helvetica

Henri is a front end developer come QA engineer at Forge Media + Design in Toronto, CA. For the last two years, he has zeroed in on two of his favourite areas of development: the dark arts of performance and accessibility. Henri’s an active supporter of local developer meetups, and is also an active volunteer for one of the bigger meetup groups in Toronto, DevTO, where he is constantly looking to enrich and inspire the community with events... Read More →


Monday October 26, 2015 2:00pm - 3:00pm
Queen Salon Promenade Deck

3:00pm

No Pain No Gain #NoPain

Sure, you can write CSS but can you describe each decision you made with confidence? While there are many ways to do the same thing, having a true understanding of CSS properties will help you write better code and faster. Code reviews to the rescue!

Code reviews will:

  • Expose additional ways to solve a problem that you may not have thought about yourself
  • Help you write better code
  • Help you developer faster
  • Reveal code smells
  • Increase your overall knowledge of your language of choice
  • and more

We will go over the different ways to conduct a code review and begin your journey to greatness!


Speakers
avatar for Stacy Kvernmo

Stacy Kvernmo

Senior UX Designer, Collegis Education
Balancing a love of design and code, Stacy Kvernmo is constantly experimenting with new front-end web techniques, creating efficient workflows, increasing performance, as well as contributing to open source projects. She enjoys teaching, speaking and writing about design and development. You can find some of her latest experiments at http://codepen.io/stacy/ | | Stacy is a co-host of the Naperville WordPress meet-up group and a fangirl of... Read More →


Monday October 26, 2015 3:00pm - 4:00pm
Queen Salon Promenade Deck

3:00pm

Responsible Data Visualization #DataViz

Many of us are visual learners. Charts and graphs display data in ways that benefit retention and comprehension.

  • How can we build graphic representations of information that creates a better experience for our users? 
  • What are things we should worry about when designing and implementing data visualizations in our web applications? 


These graphs are innately visual, but it's our responsibility to make them accessible as well.

In this talk, Amanda takes a look at how we as designers and developers can help our users understand our graphs better, easier and faster.


Speakers
avatar for Amanda Cheung

Amanda Cheung

UX Developer, DockYard
Amanda is the lead UX developer at DockYard, a design-driven software consultancy based out of Boston, MA. She comes from a visual background having graduated with a BFA in painting, but another part of her brain fell in love with CSS. Finding better user experience solutions by balancing designers' and developers' priorities fascinates her. She is always trying to improve the designer-developer relationship. Passionate about accessibility and... Read More →


Monday October 26, 2015 3:00pm - 4:00pm
Britannia Salon "M" Deck/Main

3:00pm

Visual Regression Testing #RegTest

Getting into component based design? Rocking out a little Pattern Lab? Do you have the best looking style guides? Take things to the next level with Visual Regression Testing! No more being surprised that your country selector has been broken on mobile devices for the past 4 builds! You can now build a suite of tests to run after every build tol ensure your site is looking and functioning exactly like it should!

With so many different tools out there, what is the right one for you? Should you be testing pages, or components? How does Visual Regression Testing fit into your workflow? Come learn about the tools, the process and the things I've learned running Visual Regression Testing on a large, distributed style system.


Speakers
avatar for Micah Godbolt

Micah Godbolt

Front-end Developer, Phase 2 Technology
Front-end Architect and speaker at worldwide open source events, Micah is highly involved in teaching and training new developers, sometimes as a guest lecturer at local colleges. He leads a Sass and front-end meetup in Portland and publishes a weekly video blog called Sass Bites.


Monday October 26, 2015 3:00pm - 4:00pm
Grand Salon “R” Deck

4:00pm

Keynote Address
Speakers
avatar for Jina Bolton

Jina Bolton

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


Monday October 26, 2015 4:00pm - 5:00pm
Grand Salon “R” Deck

7:30pm

Yacht Rock Opening Party sponsored by IBM

Cap off the first day with a celebration of Yacht Rock!

Come for the munchies and drinks while hanging out with friends old and new discussing sessions from the day.

Come for the good vibes and swaying with the smooth sounds of the Harbor Party band as they take us off into the night!

NOTE: Prepare to set sail and bring your nautical or pirate accessories and costumes!

P.S. You're on a boat. Be smooth.

Special thanks to event sponsor: IBM  



Monday October 26, 2015 7:30pm - 9:30pm
Queen Salon Promenade Deck
 
Tuesday, October 27
 

8:00am

Breakfast
Tuesday October 27, 2015 8:00am - 9:00am
Windsor Salon "R" Deck

9:00am

Keynote Address
Speakers
avatar for Val Head

Val Head

Val Head is a designer and consultant currently based in Pittsburgh where she works with agencies and small businesses to make fun and effective web sites. She speaks internationally at conferences and leads workshops on web design and creative coding. | Every year she brings a swarm of web designers to Pittsburgh for Web Design Day. She also contributes to .net magazine, and helps keep Refresh Pittsburgh running strong. She tweets too much... Read More →


Tuesday October 27, 2015 9:00am - 9:45am
Grand Salon “R” Deck

10:00am

CSS Architecture #CSSArch
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 working with fantastic clients on fun projects doing design, front-end development, and back-end development. | From front-end work to hardcore server-side... Read More →


Tuesday October 27, 2015 10:00am - 11:00am
Grand Salon “R” Deck

10:00am

DOM Features You Didn't Know Existed #DOMFeat

We get excited over new HTML5 APIs and new CSS features, but many developers aren't aware of the diverse array of native DOM features that are available -- many of them supported as far back as IE6.

I'll discuss and show examples demonstrating practical use cases for features like:

  • insertAdjacentHTML()
  • getBoundingClientRect()
  • scrollIntoView()
  • contains()
  • activeElement
  • selectionStart/selectionEnd
  • normalize()
  • - And lots more!

I'll also point out how developers can research different DOM features along with their browser support, which often is not available on commonly-known references like caniuse.com.


Speakers
avatar for Louis Lazaris

Louis Lazaris

Managing Editor, SitePoint
Louis Lazaris is an author, front-end developer, and SitePoint's HTML/CSS editor. He's been involved in the web development industry since 2000 and he publishes a weekly newsletter, Web Tools Weekly, focused on tools for front-end developers.


Tuesday October 27, 2015 10:00am - 11:00am
Queen Salon Promenade Deck

10:00am

Level 4 Selectors: The Good, The Weird, and the Awesome #Lvl4

Level 4 selectors probably land in all browsers until we're all much older than we are right now, but it's important to know about them so that we can start adequately planning our tools and code-bases to accommodate them when they arrive.

These selectors arguably bring more dynamic power than any previous single drafted change proposal in CSS selector history. (Dramatic, right?)

In this talk, we will cover:

  • All of the new selector types in level 4, in depth.
  • Examples of level 4 selectors.
  • Weird parts and caveats regarding performance and how this might affect our code.

Speakers
avatar for Jonathan Cutrell

Jonathan Cutrell

Director of Technology, Whiteboard
Jonathan leads a team of developers at Whiteboard, a design and development firm focused on people and their exchange with technology in Chattanooga, TN. Beyond casting strategic vision at a high level for the developers at Whiteboard, he writes code with his team every day. Jonathan is also an author, and the host of Developer Tea, a 10 minute, top-rated podcast focused on providing regular, valuable insights to developers.


Tuesday October 27, 2015 10:00am - 11:00am
Britannia Salon "M" Deck/Main

11:00am

Bower Power! Supercharging Front-End Manageability #Bower
This session will introduce Bower, a powerful package manager for libraries, frameworks, and all things front-end. We will cover basic Bower usage, integration into Grunt & Gulp build processes, tooling, and registering custom packages to be used by anyone.

After this session, attendees will be able to:
  • Use Bower to manage libraries, frameworks, and other front-end assets.
  • Integrate Bower into Grunt or Gulp build processes.
  • Optimize Bower power with tooling like the bower-installer.
  • Register and offer packages via the Bower registry

Speakers
avatar for Eric Carlisle

Eric Carlisle

Founder, Eric Carlisle Consulting
As a UI & UX Consultant and Strategist, Eric Carlisle's passion is for building the user-facing web and the experiences that make it engaging, compelling, and useful. His core approach is to Keep It Stunning Simple, a practice encouraging creativity and innovation while maintaining pragmatic focus. Via this careful balance, outstanding solutions can be created while maintaining the highest probability of project success. Eric has over 19 years... Read More →


Tuesday October 27, 2015 11:00am - 12:00pm
Queen Salon Promenade Deck

11:00am

Fostering an "Open-Source" Front-end Culture at Work #Foster

Even if you're working an entirely closed-source codebase, the chances are high that you're pulling in an open-source project. The popularity of Sass, jQuery, and many others speaks to how well open-source works, when done right.

But the truth is, these projects face the same troubles that many workplaces struggle with. How do they encourage contributions when most contributors only have a few minutes to spare? How do they manage to collaborate on a codebase when everyone lives in a different city and works on different teams? How do they get developers to RTFM?

While not everyone project can be open-source, all of them can benefit from taking an "open-source" approach. In this talk, we'll look at how to foster a codebase and a culture that's open and encouraging to everyone. We'll cover what works and what surprisingly doesn't, all in an effort to foster a more open, maintainable and friendly project.


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


Tuesday October 27, 2015 11:00am - 12:00pm
Britannia Salon "M" Deck/Main

11:00am

SMACSS Your Sass Up #SMACSS
I often ask myself these questions: Will this code be easy for the others to edit? Does it scale? Can I forget it and change it later without being lost?

While Scalable and Modular Architecture for CSS (SMACSS) is just one methodology, the principals of modular CSS are applicable to sites large and small. Using a modular approach in tandem with Sass can greatly improve development efficiency and project maintenance.

I'll discuss specific techniques, such as selector inheritance and interpolation, that can greatly reduce the amount of code written. Your code will be more portable, making it easier to use code on other projects.

Speakers
MM

Mina Markham

Mina Markham is a Sass-lovin' front-end architect in Austin, Texas. She's actively involved in the tech community, founding the Dallas chapter Girl Develop It, teaching for Black Girls Code and organizing Front Porch. As a developer at IBM Design, she specializes in building responsive applications and modular CSS architecture. Mina has presented at various conferences and events, including Front-End Design Conference, Midwest.io, Distill and... Read More →


Tuesday October 27, 2015 11:00am - 12:00pm
Grand Salon “R” Deck

12:00pm

Wrap-Up Panel
Tuesday October 27, 2015 12:00pm - 1:00pm
Grand Salon “R” Deck

1:00pm

Lunch
Tuesday October 27, 2015 1:00pm - 2:00pm
Windsor Salon "R" Deck

2:00pm

Best of: Fight the Zombie Pattern Library #Zombie
Speakers
avatar for Marcelo Somers

Marcelo Somers

Slalom Consulting
Marcelo is a designer and developer from Dallas, TX. When he's not helping businesses solve their toughest challenges, he's focused on helping design and development teams work better together. He's spent the last two years at Slalom designing processes for designers and developers to move quickly to code and document their user interfaces in pattern libraries. | | In 2011 he founded The Syndicate, a blog sponsorship network that... Read More →


Tuesday October 27, 2015 2:00pm - 3:00pm
Grand Salon “R” Deck

2:00pm

Best of: Creative Typography with SVG #SVGType
Speakers
avatar for Brenna O'Brien

Brenna O'Brien

Front-end Engineer, TED
Brenna is a front-end engineer at TED, NodeSchool Toronto organizer, and creator of csshexagon.com. She loves building communities, mixing code with math and geometry, and outer space.


Tuesday October 27, 2015 2:00pm - 3:00pm
Queen Salon Promenade Deck

2:00pm

Best of: Fostering an "Open-Source" Front-end Culture at Work #Foster
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


Tuesday October 27, 2015 2:00pm - 3:00pm
Britannia Salon "M" Deck/Main

2:00pm

Show & Tell hosted by Chris Coyier
Short talks powered by you! Hosted by CSS-Tricks' Chris Coyier.

Moderators
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 27, 2015 2:00pm - 3:00pm
Verandah Grill Sun Deck

3:00pm

Best of: Exploring Fractals in CSS #Fractals
Speakers
avatar for Gregor Adams

Gregor Adams

Frontend Architect / developer, Pixelass
Gregor Adams is a self-taught web developer with a strong focus on CSS. Gregor is very active on CodePen where he shows a lot of abstract CSS experiments. While he has no special focus when is comes to CSS his most impressive works are related to 3d shapes or fractals. Most of his works are pure CSS. Even when he needs interaction in an experiment his first pick is to try to implement it in CSS. Gregor speaks at conferences and meetups with... Read More →


Tuesday October 27, 2015 3:00pm - 4:00pm
Britannia Salon "M" Deck/Main

3:00pm

Best of: Designing Complex SVG Animations #SVGAnim
Speakers
avatar for Sarah Drasner

Sarah Drasner

Web Technology Consultant, SarahDrasnerDesign.com
Sarah is an award-winning Speaker, Consultant, and Staff Writer at CSS-Tricks. She’s formerly Manager of UX Design & Engineering at Trulia (Zillow). She’s given a Frontend Masters workshop on Advanced SVG Animations, and is working for a book for O’Reilly on SVG Animations. Last year Sarah won CSS Dev Conf’s “Best of Best of Award” as well as “Best Code Wrangler” from CSS Design Awards. She has worked for 15 years as a web... Read More →


Tuesday October 27, 2015 3:00pm - 4:00pm
Grand Salon “R” Deck

3:00pm

Best of: Web Components and the Future of Modular CSS #WebMod
Speakers
avatar for Philip Walton

Philip Walton

Developer Programs Engineer, Google
Philip Walton is an engineer on the developer relations team at Google. Prior to this, he led the front-end team at Appfolio, where he primarily worked on building tools and frameworks to help engineers at any level of the stack be successful contributing to the front-end.


Tuesday October 27, 2015 3:00pm - 4:00pm
Queen Salon Promenade Deck

3:00pm

Show & Tell hosted by Chris Coyier
Short talks powered by you! Hosted by CSS-Tricks' Chris Coyier.

Moderators
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 27, 2015 3:00pm - 4:00pm
Verandah Grill Sun Deck

4:00pm

Closing Keynote
Speakers
avatar for Dave Rupert

Dave Rupert

I'm Dave Rupert, the lead developer of Paravel. I co-hostShopTalk with Chris Coyier, it's a sound effects podcast that also covers web development. I also co-host the ATX Web Show, a podcast about the web design and development scene in Austin, TX. On the internets I’mdavatron5000.


Tuesday October 27, 2015 4:00pm - 5:00pm
Grand Salon “R” Deck

5:30pm

Closing Party & Dribbble Meetup
You don't need a ticket for this event: RSVP

It's been too long!

CSS Dev Conf and Dribbble request the honor of your presence:

Announcing the second annual CSS Dev Conf Dribbble Meetup!

Tuesday, October 27th aboard the historic Queen Mary in Long Beach, California. 

Let's get things started at 5:30 pm!



Tuesday October 27, 2015 5:30pm - 7:00pm
Verandah Grill Sun Deck
 
Wednesday, October 28
 

10:00am

SMACSS Workshop
Limited Capacity filling up
You need this ticket from Eventbrite to sign up: SMACSS Post-Conference Workshop.
The SMACSS Workshop is a full day of instruction and exercises on writing HTML and CSS using a flexible and modular approach that will improve team efficiency and minimize problems with growing projects. It takes the SMACSS e-book and brings it to life with practical examples and in-depth discussion.

This workshop 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 also be more portable, making it easier to use code on other projects.


Lunch included.The SMACSS Workshop is a full day of instruction and exercises on writing HTML and CSS using a flexible and modular approach that will improve team efficiency and minimize problems with growing projects. It takes the SMACSS e-book and brings it to life with practical examples and in-depth discussion.

This workshop 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 also be more portable, making it easier to use code on other projects.


Lunch included.

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 working with fantastic clients on fun projects doing design, front-end development, and back-end development. | From front-end work to hardcore server-side... Read More →


Wednesday October 28, 2015 10:00am - 5:00pm
Queen Salon Promenade Deck

10:00am

Supercharging Your Sass Workshop
Limited Capacity seats available
You need this ticket from Eventbrite to sign up: Supercharging Your CSS with Sass Post-Conference Workshop.
Do you want to get up to speed with Sass and improve your web workflow? In this workshop hosted by Mina Markham, we get you up and running with a Sass compiler on your own machine with Ruby and Grunt.js. 

After starting with basic Sass features, we will work towards creating your very own Sassy development ecosystem that includes enhancing your browser’s code inspector for Sass and writing your own custom Sass functions. 

Topics covered include:


  • Sass overview & local machine setup on your own laptop

  • Sass vs. SCSS syntax

  • Sass variables for CSS

  • Media queries for RWD

  • Learning the Sass basics like nesting, mixins, extend, and placeholders

  • Advanced Sass: functions, conditionals, loops & maps

  • Exploring modular architecture with SMACSS

  • Adding on to Sass with open source libraries & tools like Compass and Susy


After this workshop, you’ll know why Sass makes CSS fun again!

Lunch included.Do you want to get up to speed with Sass and improve your web workflow? In this workshop hosted by Mina Markham, we get you up and running with a Sass compiler on your own machine with Ruby and Grunt.js. 

After starting with basic Sass features, we will work towards creating your very own Sassy development ecosystem that includes enhancing your browser’s code inspector for Sass and writing your own custom Sass functions. 

Topics covered include:


  • Sass overview & local machine setup on your own laptop

  • Sass vs. SCSS syntax

  • Sass variables for CSS

  • Media queries for RWD

  • Learning the Sass basics like nesting, mixins, extend, and placeholders

  • Advanced Sass: functions, conditionals, loops & maps

  • Exploring modular architecture with SMACSS

  • Adding on to Sass with open source libraries & tools like Compass and Susy


After this workshop, you’ll know why Sass makes CSS fun again!

Lunch included.

Speakers
MM

Mina Markham

Mina Markham is a Sass-lovin' front-end architect in Austin, Texas. She's actively involved in the tech community, founding the Dallas chapter Girl Develop It, teaching for Black Girls Code and organizing Front Porch. As a developer at IBM Design, she specializes in building responsive applications and modular CSS architecture. Mina has presented at various conferences and events, including Front-End Design Conference, Midwest.io, Distill and... Read More →


Wednesday October 28, 2015 10:00am - 5:00pm
Victoria Room Promenade Deck

10:00am

Up and Running with Visual Regression Testing Workshop
Limited Capacity seats available

In this workshop led by Micah Godbolt and Kevin Lamping, you will learn about the tools, the process and the lessons we’ve learned implementing Visual Regression Testing into both large and small scale projects. 

With Visual Regression Testing you’ll have a suite of tests to run at any time that will ensure your site is looking and functioning exactly like it should:


  • No more being surprised that your country selector has been broken on mobile devices for the past 4 weeks!

  • Don’t be afraid to touch that old client site homepage for fear of breaking some unknown section!

  • Take full advantage of your great style guide!

  • Stop being stuck manually testing every code changes to component based design!


By the end of the workshop, attendees will be able to:


  • Use Page based and Component based regression tools

  • Use Casper.js to interact with the page

  • Use visual regression to test:

    • Pages

    • Individual Components

    • Modal Dialogs

    • User Interface interactions

    • Mouse Hover/Click/Move


  • Integrate Visual Regression with their current task runner (Grunt/Gulp)

  • Add Visual Regression Testing to their current project


Pre-requisites for this workshop include:


Note: If you ever find yourself over your head, code examples will be available to download
In this workshop led by Micah Godbolt and Kevin Lamping, you will learn about the tools, the process and the lessons we’ve learned implementing Visual Regression Testing into both large and small scale projects. 

With Visual Regression Testing you’ll have a suite of tests to run at any time that will ensure your site is looking and functioning exactly like it should:


  • No more being surprised that your country selector has been broken on mobile devices for the past 4 weeks!

  • Don’t be afraid to touch that old client site homepage for fear of breaking some unknown section!

  • Take full advantage of your great style guide!

  • Stop being stuck manually testing every code changes to component based design!


By the end of the workshop, attendees will be able to:


  • Use Page based and Component based regression tools

  • Use Casper.js to interact with the page

  • Use visual regression to test:

    • Pages

    • Individual Components

    • Modal Dialogs

    • User Interface interactions

    • Mouse Hover/Click/Move


  • Integrate Visual Regression with their current task runner (Grunt/Gulp)

  • Add Visual Regression Testing to their current project


Pre-requisites for this workshop include:


Note: If you ever find yourself over your head, code examples will be available to download

Speakers
avatar for Micah Godbolt

Micah Godbolt

Front-end Developer, Phase 2 Technology
Front-end Architect and speaker at worldwide open source events, Micah is highly involved in teaching and training new developers, sometimes as a guest lecturer at local colleges. He leads a Sass and front-end meetup in Portland and publishes a weekly video blog called Sass Bites.
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


Wednesday October 28, 2015 10:00am - 5:00pm
Royal Salon Promenade Deck

5:30pm

Post-Workshop Social
Wednesday October 28, 2015 5:30pm - 6:30pm
The Queen Mary The Queen Mary, Long Beach, CA