Slides (which aren't complete):
http://wesruv.github.io/reveal.js/css-training.html#/
Outline (since I wasn't able to finish my slides)
https://paper.dropbox.com/doc/Intermediate-to-Advanced-CSS-for-Practical...
The goal of this training is to help people who have messed around in CSS wrap their heads around the harder concepts of CSS and go on to show advanced tips and tricks. There'll be discussion, exercises, fancy slides, and surprise guests and audience participants (if you want!)
We'll be going over:
- CSS Layout in 2017 (how to use grid, flexbox, and when to use the old stand bys)
- Document flow, who can be your best friend (but may currently be your enemy)
- CSS architecture with topics like:
- Code writing tips and organization that can help keep CSS maintainable
- Different approaches to class names and applying CSS and their pros/cons
- Gotchas, tips, and myth busting on performance, organization, integrating CSS with your CMS (we'll use Drupal as the example)
- Tips on building CSS in an existing system, or creating on of your own
- Debugging CSS
- The tools to debug
- How to debug different kinds of layout issues
- Exercises/examples of common bugs
- Transitions/Animations in CSS
- Advanced CSS techniques and tricks
- Favorite tips and tricks (guest speakers and audience participation welcome!)
Basic familiarity with CSS, Computer, Codepen.io account for exercises
Wes Ruvalcaba is a designer/developer gone full-time front-end developer, and is currently a Senior Front-end Developer at Lullabot. He started building web sites in the 90's to show off his drawings and continued designing and building personal web sites until it became his career. Wes has a strong love for front-end coding, user experience, and analytics. He has been working in Drupal since version 6 when he started with Highlights for Children, there he led five web site redesigns, a large content data restructuring, and executed a myriad of online campaigns all leveraging Drupal.
Wes has taught web design and development at the Columbus College of Art & Design, Girl Develop It Columbus, and takes the opportunity to mentor when possible.
Wes lives in Columbus, Ohio with his wife and four puppers.
Wes Ruvalcaba
Wes Ruvalcaba is a designer/developer gone full-time front-end developer. He started building web sites in the 90's to show off his drawings and continued designing and building personal web sites until it became his career. Wes has a strong love for front-end coding, user experience, and analytics. He has been working in Drupal since version 6 when he started with Highlights for Children, there he led five web site redesigns, a large content data restructuring, and executed a myriad of online campaigns all leveraging Drupal.
Wes has taught web design and development at the Columbus College of Art & Design, Girl Develop It Columbus, and takes the opportunity to mentor when possible.
Wes lives in Columbus, Ohio with his wife and four puppers.