Intermediate To Advanced CSS For Practical Peoples

Drupal Camp Asheville 2024 - July 12th-14th

Room
410
Start Time

Topics

Presenter(s)

Wes Ruvalcaba
of
Lullabot

Wes Ruvalcaba is a Senior Front-end Developer, working for Lullabot for over 4 years on clients like Bravo, Syfy, and Carnegie Mellon University. He has over a decade's experience working as a web designer/developer and a passion for giving trainings and talks.

More information at: https://www.lullabot.com/about/wes-ruvalcaba

Slide For Intermediate To Advanced CSS
Wes Ruvalcaba

The goal of this training is to help people who are familiar with CSS but find it frustrating, or want to learn more about how it works. We'll start by talking about how CSS was designed to work, what it wants to do, and then talk about the major parts of it. We won't be focusing much on syntax, that can be googled, the goal is to help you understand it so it doesn't feel frustrating, random and buggy. We'll be going over:

  • CSS Layout in 2018 (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!)