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 16
 

5:30pm

Check-in & Greet

Pick up your badge and registration materials at the Stetson Lounge. Then grab a drink and catch up with friends, old and new. 

Come early for your chance to grab a seat on one of three boats for a free twilight river tour of San Antonio’s famous River Walk!

Boat tours depart at 6:00 PM and 7:00 PM and launch near the hotel. Arrive early to the Stetson before the boats leave, please. We will walk over as a group to the boat departure (which will be in front of the hotel).

Badges, which you will pick up, are required for the boat tour. 

 




Sunday October 16, 2016 5:30pm - 7:30pm
Stetson Room 200 S. Alamo St., San Antonio, TX
 
Monday, October 17
 

8:00am

Continental Breakfast
Monday October 17, 2016 8:00am - 9:00am
La Vista Hilton Palacio del Rio

9:00am

Opening Keynote — Rachel Andrew
In San Antonio, TX, Rachel Andrew starts off CSS Dev Conf 2016 The Alamo with her Keynote Address! 

Rachel Andrew is the founder of edgeofmyseat.com, the company behind the CMS Perch. She regularly writes and speaks about the work she does, and can be found via her blog and personal site and onTwitter.

Speakers

Monday October 17, 2016 9:00am - 10:00am
La Vista Hilton Palacio del Rio

10:00am

Level-up Your GIF Game #GIFGame

Everybody loves a good GIF! GIFs are revolutionizing the way we communicate in the modern workplace via apps like Slack or Hipchat.

A good GIF can help convey complex emotions than can often be misrepresented or misunderstood in just the written form. More importantly, a culture of GIFs creates a positive team morale.

In this talk, we will cover:

  • The (secret) origin of the GIF: Humanity has always loved short form video content! The first films ever made were GIFs. Edison made thousands of short films that can be considered GIFs. (Check out “The Sneeze”, for instance, https://www.youtube.com/watch?v=2wnOpDWSbyw). Ain’t that neat?
  • Looking at GIFs objectively: What makes a good GIF. How does it tell a story?
  • Working with GIFs practically: What are good GIF practices for the workplace? What’s ok to share, what’s not ok? How do you set “rules”? Does it stop being fun if you set rules?
  • Choosing the right tools for the job: Let’s first look at ready-to-use tools like Giphy and GIF keyboard. Even though Giphy can sometimes have a bad rap, I maintain this is because people don’t know how to use it. Let’s learn all things you can do with Giphy that you may know about!
  • Choosing to create your tools: Let’s look at “build it yourself” tools and setting up your personal workflow. Store your GIFs in Dropbox or version-control them in Github. Use custom Alfred flows to share them, or even create your GIF API!
  • GIF OFF! To close out the panel, let’s have a GIF OFF! Using a custom hashtag for the talk, I will present a prompt on stage, and have conference attendees send in the best GIF to match the prompt. Let’s see who will be crowned the GIF king or queen!


Speakers
avatar for Cecy Correa

Cecy Correa

Software Engineer, Return Path
Former San Antonian relocated to Austin. Organizer for Refresh Austin, Girl Develop It ATX, and Austin on Rails. Developer + Designer. Talk to me about APIs, GIFs, and Stranger Things.


Monday October 17, 2016 10:00am - 11:00am
El Mirador West Hilton Palacio del Rio

10:00am

Stop Thinking in Pixels #StopPixels
We tend to like working with pixels. They are predictable and easy to understand. But the real power of CSS is found in relative units: em and rem and vw/vh. Their exact meaning is determined with a “late binding” in the browser, where they change depending on their context.

In this talk, we’ll unravel the mystery of relative units. I’ll show you how to build flexible designs with simpler code. I’ll cover how to make your design responsive without a single media query. And we’ll dive into one of CSS’s newest tricks: CSS Variables, which offer far more flexibility and control than the SASS/LESS variables you may be used to.

Come learn how to stop thinking in pixels and embrace CSS’s late binding of styles.

Speakers

Monday October 17, 2016 10:00am - 11:00am
La Vista Hilton Palacio del Rio

10:00am

Sunsetting our Grid Systems and Embracing CSS Grid Module #Sunsetting
The case for the CSS Grid Layout module being the future of content layout has been made by Rachel Andrews. There is currently no clear upgrade path for developers to move away from their current Grid Systems and Frameworks. With some new naming conventions and our favorite preprocessor there is a way to start coding for Grid Layout now.

Topics covered:

  • Finding structural patterns in responsive UIs and abstracting them to reusable layouts
  • Death to classes like .col-xs-4 and .span_8of12; naming your layouts
  • The role of Flexbox and Grid Systems in transition to Grid layout
  • Implementing today's designs with Grid Layout* Using Grid frameworks as a fallback
  • Using Sass functions and mixins to transition from Susy or Singularity.gs to Grid Layout

Speakers

Monday October 17, 2016 10:00am - 11:00am
El Mirador East Hilton Palacio del Rio

11:00am

Communicating Animation #CommAnim
Animation is key component of beautiful and useful product design. Salesforce, Google, and IBM all feature motion design in their design systems, and there’s every reason you should, too. When designers and developers agree upon constraints, they can create UI components faster and present a unified, polished look and feel users appreciate.

Communicating animation is all about identifying patterns and setting boundaries and behavior expectations. This means:

  • creating custom easings that reinforce branding and physics
  • choreographing scalable timing values
  • creating a vocabulary of reusable components
  • combining those components into unique yet universal animation patterns.

Whether your project is big or small, if it has a style guide, you will want to include motion design. In this talk, you will learn how to bring animation to heel.

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.


Monday October 17, 2016 11:00am - 12:00pm
El Mirador West Hilton Palacio del Rio

11:00am

Pattern Libraries Can Change Your Life #PatternLife
Pattern libraries have become a vital part of design and website development but it's important to understand that a pattern library is NOT the same as your framework. Much like you'd care for a flower in your garden, pattern libraries must have food, water and plenty of sunlight (exposure).

In this talk let's dive deep into pattern libraries and discuss the following:

  • Why are pattern libraries are a necessity?
  • What you should build into your pattern library?
  • How can pattern libraries help you build and develop faster?
  • How should you maintain a pattern library after your project has launched?

Speakers
avatar for Adam McCombs

Adam McCombs

Taecho Group


Monday October 17, 2016 11:00am - 12:00pm
El Mirador East Hilton Palacio del Rio

11:00am

Understanding Perceived Performance #PerceivedPerf

We tend to think of web performance in purely objective terms: seconds to first paint, milliseconds of latency, and so on.  We build apps to be as objectively as speedy as possible and blindly hope that fast feels fast.  Unfortunately, as anyone who's ever waited in line at the DMV can tell you, humans are terrible at judging time.

If we instead shift to address perceived performance directly, we can make our creations feel even faster than they already are.  By exploiting how humans see time, we can build experiences that feel immediate & satisfying.

What we'll cover:

  • Why solely pursuing objective web performance is a flawed paradigm
  • How humans perceive time regarding active and passive phases
  • How to make passive waiting time less apparent
  • Predictive design, the sneaky art of preparing for a user's next action before they take it to reduce or even eliminate perceived waiting time

Speakers
avatar for Eli Fitch

Eli Fitch

Tech Lead, Social Tables
Eli Fitch is a front end developer with a passion for web performance, animation and all things 3D. He leads a team of amazing engineers making a WebGL event diagramming app at Social Tables, a startup in his hometown of Washington, DC. He also organizes the DC CodePen Meetup, and dabbles in design, 3D art & game development.


Monday October 17, 2016 11:00am - 12:00pm
La Vista Hilton Palacio del Rio

12:00pm

Creativity in Programming #CreativeCode
Creating engaging products starts with our own fascination. Empowering our users, designing for emotion, and marrying what is useful with what we find intriguing pays dividends for our own fulfillment as developers as well as the people who use what we create.

This talk will illuminate some of the ways that we can manipulate code for great effects, with exciting yet practical purposes.

We'll talk about data visualization, innovative SVGs, VR and immersive experiences, and even subtle cues. We'll explore key differences in our processes, and why innovation in our field starts with opening our minds to new ways of working with code.

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 17, 2016 12:00pm - 1:00pm
La Vista Hilton Palacio del Rio

12:00pm

KonMari CSS #KonMariCSS
Out of all the web technologies, CSS is probably the easiest to learn, and the hardest to maintain. Without proper organization and architecture, your CSS can grow unwieldy, bloated, and inefficient. If you are stuck in the weeds, then how do you recover? Having just gone through both a major redesign and re-architecture, I'm going to give practical advice that you can take home and directly apply to your application. Get tips on how to tidy up, de-clutter, and organize your CSS code base.

In this session we'll touch on:
  • Setting an acceptable standard 
  • How to motivate a team to build and adapt style guide driven development 
  • Cutting down file size for optimal asset delivery 
  • Tooling to help you get the job done

Speakers
avatar for Vincent Nalupta

Vincent Nalupta

Senior Software Engineer, Grubhub
I took this selfie last night.


Monday October 17, 2016 12:00pm - 1:00pm
El Mirador East Hilton Palacio del Rio

12:00pm

The Secret Life of Forms #SecretForms
We spend more time designing and coding forms then other parts of an app, making sure that they work properly. But in the age of UX, we have the additional pressure of making them user friendly as well.

So, what does this mean for front-end development? It means that our work isn’t just about writing code; it’s about building experiences.

In this session:

  • Demonstrate how CSS--along with newer HTML5 input elements/ARIA--can aid in building a better overall experience, especially in accessibility and mobile
  • Show some tips/tricks to use in projects in reaching those goals

Speakers

Monday October 17, 2016 12:00pm - 1:00pm
El Mirador West Hilton Palacio del Rio

1:00pm

Lunch
Monday October 17, 2016 1:00pm - 2:00pm
La Vista Hilton Palacio del Rio

2:00pm

Advanced Fluid Typography #FluidType
In my talk I will provide a general overview of unit types and values in CSS, with a specific focus on how viewport units, calc() expressions work. Armed with this understanding, we're going to learn how to create a "pure function" with CSS that uses viewport units as a variable. I am then going to demonstrate some practical uses for this including: 

  • min and max font sizes, 
  • advanced fluid typography, 
  • fluid modular scale headings

I will show you how each of the typography techniques can be used today and applied with progressive enhancement! 

Speakers
avatar for Mike Riethmuller

Mike Riethmuller

Hello I’m Mike, an independent web developer from Australia. I've worked on some of Australia's largest websites as well as some of the smallest community sites. When I'm not building sites or blogging I like to experiment with code. I love learning new things and finding techniques that challenge what we think is best practice. When I'm not exploring the digital landscape I like to explore the world. Currently trying to find a way to do both... Read More →


Monday October 17, 2016 2:00pm - 3:00pm
El Mirador West Hilton Palacio del Rio

2:00pm

HTTP/2 FTW: How It Impacts Frontend Developers #HTTP2FTW
HTTP/2 is the up-and-coming standard for the web, and will have a large impact on the way web developers do our jobs. It introduces multiplexing, parallelism, and header compression, among other things, to make building on and browsing the web a much more enjoyable experience.

  • everyone should be preparing for http/2 
  • because it's awesome

Speakers
avatar for Joah Gerstenberg

Joah Gerstenberg

Senior Frontend Web Developer, Coinigy


Monday October 17, 2016 2:00pm - 3:00pm
El Mirador East Hilton Palacio del Rio

2:00pm

Reactive Animations with CSS Variables #ReactAnim
There are no more excuses to keep you from adding smooth, reactive animations to your web projects. The web has evolved, and these kinds of dynamic animations aren't just for native mobile apps anymore.

So how can we implement an aesthetic, reactive user experience in modern browsers?

The answer is CSS variables, and they're much more powerful than you might think. In this talk, we will harness the dynamic power of JS and CSS variables and learn about functional reactive animations.

You'll soon be breathing new life into your projects with these spirited animations that react to user input. And of course, demos will be shown that exhibit the many possibilities of JS and CSS variables to inspire you.

Speakers
avatar for David Khourshid

David Khourshid

Frontend Engineer, Counsyl


Monday October 17, 2016 2:00pm - 3:00pm
La Vista Hilton Palacio del Rio

3:00pm

Automated UI Testing and You #UITesting
How often do you make a change to your site that causes an unexpected issue in some unrelated page? At least once a week, right? But manually testing every page for every change is time consuming and a pain in the butt.

This talk will dive deep in to WebdriverIO, an open-source library used for automated testing. We'll cover what it takes to get started writing automated browser tests, so that you can write and release code with confidence.

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 17, 2016 3:00pm - 4:00pm
El Mirador East Hilton Palacio del Rio

3:00pm

Generate a Living Style Guide from CSS #LivingStyle
Expose styles and components from CSS in a documentation format that enables component re-use and encourages keeping it up to date.

  • What is a living style guide
  • Benefits of having a living style guide
  • Examples of a living style guide
  • How to generate a living style guide
  • How to keep a living style guide alive

Speakers

Monday October 17, 2016 3:00pm - 4:00pm
La Vista Hilton Palacio del Rio

3:00pm

Simple. Accessible. Fast. #SimpleA11y

You already know that accessibility is important. In fact, it's the law. It's also a good idea. Let's make the Web accessible--and faster--for everyone.

Estelle Weyl skips the "why" and focuses on the "how." Marking up accessible, performant websites can be as simple as using the right semantic elements in your HTML. Semantic HTML can prevent bugs, improve performance, reduce code bloat, and make your site accessible to screen readers and keyboard users.

Estelle explores accessibility features native to semantic elements and demonstrates how to add additional accessibility with a sprinkling of ARIA roles and attributes. Estelle also covers making accessible form controls, input masking, attractive selects, and creating a fully accessible carousel that functions perfectly with just a few lines of CSS, even fewer lines of JavaScript--and no frameworks.

 


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 17, 2016 3:00pm - 4:00pm
El Mirador West Hilton Palacio del Rio

4:00pm

How To Fight and Prevent Burnout #FightBurnout
The tech community puts a warped badge of honor around burnout. It's often seen as an indicator of success and working hard, when it's actually harming the growth of our developer communities and teams.

This talk will cover:

  • Why burnout culture takes away from inclusion 
  • Identifying burnout within yourself and your teams 
  • How to grow your technical skills without compromising your personal life 
  • How to bring a healthy work and growth ethic to your team, regardless if you're the newcomer or the tech lead

Speakers
AS

Alicia Sedlock

Alicia is a front-end and user experience developer that wants everything to be easy, from user interfaces to understanding a code base. She's also an Arduino tinkerer and volunteers for Girl Develop It's Boston chapter. Outside of her work, she's usually talking about anime, tacos, or getting mad about video game interfaces.


Monday October 17, 2016 4:00pm - 5:00pm
El Mirador West Hilton Palacio del Rio

4:00pm

Using Tomorrow's CSS Today #TomorrowCSS
CSS4 may only be in the working draft stage, but that doesn't mean we can't begin to use some of it's capabilities in our current designs.

Variables, color manipulation, custom media queries, and custom selectors are just a few of the powerful new features that can be utilized to take our CSS to the next level.

This talk will take a look at the benefits of using postprocessers to write powerful, bleeding-edge CSS and have it work in today's browsers.

Speakers
avatar for Brian Graves

Brian Graves

UI Team Lead, DEG


Monday October 17, 2016 4:00pm - 5:00pm
La Vista Hilton Palacio del Rio

4:00pm

[Special Presentation] San Antonio Movie Premiere: What Comes Next is the Future #FutureNext
The crowd-funded documentary about the web turning to mobile responsive design: What Comes Next is the Future is a film made by the people who make the web for individuals who build the web. This special presentation is San Antonio, Texas premiere! 

Brought to you in part by Trailer.Town


Monday October 17, 2016 4:00pm - 5:00pm
El Mirador East Hilton Palacio del Rio

7:30pm

Opening Party presented by IBM
Located in San Antonio's historic first neighborhood, we celebrate the start of CSS Dev Conf 2016--rain or shine! Be sure to bring and wear your badge.



Monday October 17, 2016 7:30pm - 9:30pm
Maverick Plaza - La Villita Historic Arts Village 418 Villita St.
 
Tuesday, October 18
 

8:00am

Continental Breakfast
Tuesday October 18, 2016 8:00am - 9:00am
La Vista Hilton Palacio del Rio

9:00am

Keynote Address —Jen Simmons
Speakers
avatar for Jen Simmons

Jen Simmons

The Web Ahead
Dubbed “the Terry Gross of the tech industry,” Jen Simmons is the host and executive producer of The Web Ahead. Her in-depth interviews explain emerging technology and predict the future of the web — and won the 2015 Net Award for Podcast of the Year. | | Jen is a Designer and Developer Advocate at Mozilla, where she advocates for web standards and researches the coming revolution in graphic design on the web. She’s... Read More →


Tuesday October 18, 2016 9:00am - 10:00am
La Vista Hilton Palacio del Rio

10:00am

Creating Beautiful, Accessible, and User-Friendly Forms #A11yForms
Forms are often a key part of websites: they allow users to buy things, sign up, participate, communicate, and get things done. But why are so many online forms confusing, cluttered, and difficult to use?

In this session you'll learn:

  • The three most important things you can do to make a form easier to fill out.
  • The best way to style a form with CSS to make sure it looks good on any browser, device or screen size.
  • Which HTML elements and attributes to use to make sure your form is accessible, is understandable, and shows up correctly on the screen.
  • How to validate form data and provide useful error messages — but also how you can help users fill in the correct information before submitting.
  • What you need to do so that your form is easy to complete on a touch screen.
  • How to use HTML5 and CSS3 to do things that used to require JavaScript (this helps with performance).

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 is the author of Learning Responsive Web Design: A Beginner's Guide (O'Reilly Media). Currently she works as a UX manager at ICE Health Systems.


Tuesday October 18, 2016 10:00am - 11:00am
El Mirador East Hilton Palacio del Rio

10:00am

Motion Paths Beyond SVG #MotionSVG
The new Web Animations specs are about unifying SVG, CSS, and JavaScript animations, and oftentimes that means exposing one group's exclusive method to the others. Animating an object along a path has been the domain of SVG... but the doors are opening to any element through CSS and JS!

We'll take a look at what new tools we have to animate any element on a page along any path we can draw, instead of limiting ourselves to straight lines or complex keyframes.

In this session, we will answer:

  • What are Motion Paths, and how are they used in SVG (SMIL)?
  • Why would I want to use them outside of SVG?
  • How can we use them with CSS/JS?
  • What's next for this technique?

Speakers

Tuesday October 18, 2016 10:00am - 11:00am
El Mirador West Hilton Palacio del Rio

10:00am

Responsive Web Apps with Container Queries #RWDQueries
How do you take a complex web application with a myriad of components and interactions, and make it fully responsive – without pulling your hair out? With a focus on container queries, Jonathan will look at the approach the Shopify Admin team used to manage the intricate interactions between all the application’s components, and pull off a fully fluid responsive design in under a month. He’ll also look at how this approach is currently being used at Xero to achieve unity between disparate tech stacks and speed up the development process.

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 18, 2016 10:00am - 11:00am
La Vista Hilton Palacio del Rio

11:00am

Applicable ES6 — Tips + Treats #ES6Tips

ES6 has turned our understanding of JavaScript upside down. This talk will dive into some of the best parts of ES6 that you can start using today. We will start with some of the more common pieces of ES6 and then progress into the deep end exploring parts such as Destructuring and Sets. Get ready for a fast pace talk filled with plenty of real world examples.

In this talk, I review a handful of tools that every front-end developer should know. From image compression with Gulp or Grunt to JavaScript Modules and using NPM as a package manager.

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) where he teaches students how to build websites and break into the web industry.


Tuesday October 18, 2016 11:00am - 12:00pm
La Vista Hilton Palacio del Rio

11:00am

Data Visualization with Responsive d3.js #RWDd3js
Animation in Flash was unrivaled but with issues ranging from device support to performance it is all but dead.

In a post-Flash world we can now get the same smooth visualization capabilities in a responsive way.

  • Why d3.js and fundamentals 
  • Flash vs d3.js (animation comparison) 
  • Responsive charts with SVG, d3.js, and GSAP

Speakers
avatar for Julia Konivestska

Julia Konivestska

Front End Engineer, Iuliia Konivetska


Tuesday October 18, 2016 11:00am - 12:00pm
El Mirador West Hilton Palacio del Rio

11:00am

Impressive Art with CSS #ArtCSS
I am an artist and a developer. I write CSS for work but when I make art I don't change my weapons. 

CSS is very easy to understand and with the help of preprocessors such as Sass we can add just enough logic to give us room for creativity. 

This talk will have a lot of live demos and include a LIVE CODING session.

Things to expect:

  • Inspirational talk about art and why we need it
  • basics of creating art in CSS
  • browsers and their limits (and why I never worry)
  • demos and live coding* combining HTML with SVG and CSS animations 
  • thinking about the future (web animations and such)

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 18, 2016 11:00am - 12:00pm
El Mirador East Hilton Palacio del Rio

12:00pm

Wrap-Up Panel
Our annual tradition —all CSS Dev Conf speakers together on stage for an hour to answer your last minute questions! 

Tuesday October 18, 2016 12:00pm - 1:00pm
La Vista Hilton Palacio del Rio

1:00pm

Lunch
Tuesday October 18, 2016 1:00pm - 2:00pm
La Vista Hilton Palacio del Rio

2:00pm

Best of: How to Fight and Prevent Burnout #FightBurnout
The tech community puts a warped badge of honor around burnout. It's often seen as an indicator of success and working hard, when it's actually harming the growth of our developer communities and teams. 

This talk will cover: 

  • Why burnout culture takes away from inclusion 
  • Identifying burnout within yourself and your teams 
  • How to grow your technical skills without compromising your personal life 
  • How to bring a healthy work and growth ethic to your team, regardless if you're the newcomer or the tech lead

Speakers
AS

Alicia Sedlock

Alicia is a front-end and user experience developer that wants everything to be easy, from user interfaces to understanding a code base. She's also an Arduino tinkerer and volunteers for Girl Develop It's Boston chapter. Outside of her work, she's usually talking about anime, tacos, or getting mad about video game interfaces.


Tuesday October 18, 2016 2:00pm - 3:00pm
La Vista Hilton Palacio del Rio

2:00pm

Best of: Pattern Libraries Can Change Your Life #PatternLife
Pattern libraries have become a vital part of design and website development but it's important to understand that a pattern library is NOT the same as your framework. Much like you'd care for a flower in your garden, pattern libraries must have food, water and plenty of sunlight (exposure).

In this talk let's dive deep into pattern libraries and discuss the following:

  • Why are pattern libraries are a necessity?
  • What you should build into your pattern library?
  • How can pattern libraries help you build and develop faster?
  • How should you maintain a pattern library after your project has launched?

Speakers
avatar for Adam McCombs

Adam McCombs

Taecho Group


Tuesday October 18, 2016 2:00pm - 3:00pm
El Mirador East Hilton Palacio del Rio

2:00pm

Best of: Understanding Perceived Perfomance #PerceivedPerf

We tend to think of web performance in purely objective terms: seconds to first paint, milliseconds of latency, and so on.  We build apps to be as objectively as speedy as possible and blindly hope that fast feels fast.  Unfortunately, as anyone who's ever waited in line at the DMV can tell you, humans are terrible at judging time.

If we instead shift to address perceived performance directly, we can make our creations feel even faster than they already are.  By exploiting how humans see time, we can build experiences that feel immediate & satisfying.

What we'll cover:

  • Why solely pursuing objective web performance is a flawed paradigm
  • How humans perceive time regarding active and passive phases
  • How to make passive waiting time less apparent
  • Predictive design, the sneaky art of preparing for a user's next action before they take it to reduce or even eliminate perceived waiting time

Speakers
avatar for Eli Fitch

Eli Fitch

Tech Lead, Social Tables
Eli Fitch is a front end developer with a passion for web performance, animation and all things 3D. He leads a team of amazing engineers making a WebGL event diagramming app at Social Tables, a startup in his hometown of Washington, DC. He also organizes the DC CodePen Meetup, and dabbles in design, 3D art & game development.


Tuesday October 18, 2016 2:00pm - 3:00pm
El Mirador West Hilton Palacio del Rio

2:00pm

Show & Tell hosted by Chris Coyier (Hour 1)
Bring your best demos, tools, and techniques for Show & Tell! Hosted by Chris Coyier of CSS-Tricks and CodePen! 

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 18, 2016 2:00pm - 3:00pm
Stetson Room 200 S. Alamo St., San Antonio, TX

3:00pm

Best of: Advanced Fluid Typography #FluidType
In my talk I will provide a general overview of unit types and values in CSS, with a specific focus on how viewport units, calc() expressions work. Armed with this understanding, we're going to learn how to create a "pure function" with CSS that uses viewport units as a variable. I am then going to demonstrate some practical uses for this including: 

  • min and max font sizes, 
  • advanced fluid typography, 
  • fluid modular scale headings

I will show you how each of the typography techniques can be used today and applied with progressive enhancement! 

Speakers
avatar for Mike Riethmuller

Mike Riethmuller

Hello I’m Mike, an independent web developer from Australia. I've worked on some of Australia's largest websites as well as some of the smallest community sites. When I'm not building sites or blogging I like to experiment with code. I love learning new things and finding techniques that challenge what we think is best practice. When I'm not exploring the digital landscape I like to explore the world. Currently trying to find a way to do both... Read More →


Tuesday October 18, 2016 3:00pm - 4:00pm
La Vista Hilton Palacio del Rio

3:00pm

Best of: Applicable ES6 — Tips + Treats #ES6Tips

ES6 has turned our understanding of JavaScript upside down. This talk will dive into some of the best parts of ES6 that you can start using today. We will start with some of the more common pieces of ES6 and then progress into the deep end exploring parts such as Destructuring and Sets. Get ready for a fast pace talk filled with plenty of real world examples.


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) where he teaches students how to build websites and break into the web industry.


Tuesday October 18, 2016 3:00pm - 4:00pm
El Mirador East Hilton Palacio del Rio

3:00pm

Best of: Data Visualization with Responsive d3.js #RWDd3js
Animation in Flash was unrivaled but with issues ranging from device support to performance it is all but dead.

In a post-Flash world we can now get the same smooth visualization capabilities in a responsive way. 

  • Why d3.js and fundamentals 
  • Flash vs d3.js (animation comparison) 
  • Responsive charts with SVG, d3.js, and GSAP

Speakers
avatar for Julia Konivestska

Julia Konivestska

Front End Engineer, Iuliia Konivetska


Tuesday October 18, 2016 3:00pm - 4:00pm
El Mirador West Hilton Palacio del Rio

3:00pm

Show & Tell hosted by Chris Coyier (Hour 2)
Bring your best demos, tools, and techniques for Show & Tell! Hosted by Chris Coyier of CSS-Tricks and CodePen! 

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 18, 2016 3:00pm - 4:00pm
Stetson Room 200 S. Alamo St., San Antonio, TX

4:00pm

Closing Keynote — Trent Walton
Speakers
avatar for Trent Walton

Trent Walton

Paravel
I’m a designer and web builder who works with two of my best friends at Paravel. I share what I learn via this blog as well as occasional interviews, articles and speaking engagements. I’m available for any of these, but do try and pace myself when it comes to extracurricular activities. You can reach me here. I’m @trentwalton on Twitter, Dribbble, Codepen, GitHub, Letterboxd, DayTrip.


Tuesday October 18, 2016 4:00pm - 5:00pm
La Vista Hilton Palacio del Rio

6:00pm

Closing Gathering & Dribbble Meetup at The Alamo
Let's remember CSS Dev Conf 2016 by gathering at The Alamo grounds at the Alamo Hall and Patio.

We will be located towards the right side of the Alamo Shrine to the back, we will enjoy the pleasure of fellow attendees' conversation, a refreshing beverage, and demonstrations by historian actors for our group.

Entrance into the Alamo Shrine is free--so, take advantage of the time to see San Antonio's most visited landmark. However, it is a church. Visitors should note that silence is golden, while photography and social media'izing is not allowed.

The gift shop is scheduled to be open until 8 PM.

NOTE: Bring your conference badge or if you are Dribbble member, RSVP. Badges and RSVPs will be checked. 



Tuesday October 18, 2016 6:00pm - 8:00pm
The Alamo 300 Alamo Plaza, San Antonio, TX 78205
 
Wednesday, October 19
 

9:00am

Breakfast
Wednesday October 19, 2016 9:00am - 10:00am
El Mirador Ballroom

10:00am

Animation Workshop with Rachel Nabors
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 October 19, 2016 10:00am - 5:00pm
La Vista Hilton Palacio del Rio

10:00am

ReactJS Workshop with Wes Bos
Wednesday October 19, 2016 10:00am - 5:00pm
La Vista Hilton Palacio del Rio

10:00am

SMACSS Workshop with Jonathan Snook
Wednesday October 19, 2016 10:00am - 5:00pm
La Vista Hilton Palacio del Rio

1:00pm

Lunch
Wednesday October 19, 2016 1:00pm - 2:00pm
El Mirador Ballroom

5:30pm

Post-Workshop Social
Wednesday October 19, 2016 5:30pm - 6:30pm
Rincon Alegre Lobby Bar Hilton Palacio del Rio