Loading…
CSS Dev Conf 2015 has ended

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

Workshop [clear filter]
Wednesday, October 28
 

10:00am

SMACSS Workshop
Limited Capacity seats available
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... 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... 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

Senior Design Developer, Microsoft
I'm a Front-end Architect, author, speaker, trainer, blogger and developer from the Seattle area.
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