CSS In-Depth, v3
Join us for an awesome workshop on:

(CANCELED) CSS In-Depth, v3

August 19 to 22, 2019 - 9:30am to 5:30pm Central Daylight Time

RSVP to Attend Online

Live and in Full HD
OR

Join in Person

From Downtown Minneapolis, MN

Sorry, this workshop was canceled. :-(

This Workshop's Online Chatroom is Currently Open!

August 19 to 22, 2019 - 9:30am to 5:30pm Central Daylight Time

Sorry, this workshop was canceled and not available for replay. :-(

Sorry, this workshop was canceled and not available for replay. :-(

CSS In-Depth, v3

In this in-person or online four-day workshop you will learn the capabilities of CSS, including new layout techniques, old school principles, gradients, animation, progressive design principles, time-saving techniques, gotchas, and debugging.

Some Key Takeaways!

By participating along with us in the workshop, you'll learn:

  • Many CSS features, starting from basic to advanced on each topic, and the surrounding properties, values, and issues, including:
  • Learn how the specificity of selectors can help unleash the power of the CSS cascade.
  • Leverage CSS to improve the usability of web forms
  • Learn how to design visual effects with shadows, colors, and background images.
  • Master linear, radial and gradients with angles and multi-position color-stops.
  • Mark up super-legible, completely accessible, data tables
  • Solve stubborn layout challenges with flexbox.
  • Learn how to use CSS grids to layout your content independent of document source order while precisely matching your design.
  • Use CSS transforms to rotate, skew, scale, or translate elements in 2D.
  • Control an element's perspective and backside in 3D space.
  • Learn all the tricks and gotchas to be able to apply transitions and animations in production without headaches.
  • Learn how to gain responsive web design without the use of media queries, and learn media queries for when you do need them.
  • Discover the hacks, browser support, accessibility, and browser quirks of cutting edge CSS features.
  • Learn how to use tools to help you write CSS3 more efficiently, touching on debuggers and pre-processors.
  • Review tips for writing and maintaining CSS for projects and teams both large and small.
  • Oh, and finally understand stacking context and master specificity and the box model.

Your (Awesome) Instructor

Estelle Weyl

Estelle Weyl

Estelle currently writes for MDN Developer Network and organizes the Perf Matters Conference. She has consulted for Kodak Gallery, SurveyMonkey, Samsung, Yahoo, Visa, and Apple, among others. Estelle is the author of Mobile HTML5 and co-authored CSS The Definitive Guide, and HTML5 and CSS3 for the Real World.

Spend Four Full Days Immersed in CSS with Estelle Weyl

Workshop Details

With new features and new syntax to learn on the daily, CSS can be a struggle. However, the power of CSS is worth the pain. With an understanding on how to employ CSS correctly, and knowledge of most CSS gotchas, you can reduce development time, shrink maintenance costs, and improve SEO, accessibility and site performance. In this in-person or online four-day workshop you will learn the capabilities of CSS, including new layout techniques, animation, progressive design principles, quirks, time-saving techniques, and debugging. There have been over 100 specifications introduced since the original CSS draft, so while we can't cover everything in this workshop, we will look at some of the specifications with a focus on what specifications are implemented, supported, usable, and shippable.

Daily Schedule

We've already held over 300 workshops with thousands of attendees in-person and online. In this time we've discovered ways to schedule the day, so it goes smoothly and efficiently. Regardless if you're in-person or participating with us online you'll have the full ability to replay things you missed, get your questions answered LIVE and interact with the teacher throughout the day.

Day 1

  • 9:30AM
    Introduction
  • 10:00AM
    Selectors
  • 1:00PM
    Lunch
  • 2:00PM
    Specificity
  • 2:30PM
    Generated Content
  • 3:30PM
    Media Queries

Day 2

  • 9:30AM
    Units and Values
  • 11:00AM
    Colors & Transparency
  • 11:20AM
    Math (variables, calc, etc)
  • 12:20PM
    Lunch
  • 1:20PM
    Text and fonts
  • 3:00PM
    Box Model
  • 4:00PM
    Float & Flexbox

Day 3

  • 9:30AM
    Tables
  • 10:45AM
    CSS Grids
  • 12:00PM
    Backgrounds & Images
  • 1:15PM
    Lunch
  • 2:15PM
    Gradients
  • 3:15PM
    Transforms

Day 4

  • 9:30AM
    Transitions and Animations
  • 11:00AM
    Other features
  • 12:00PM
    File organization
Expand...

Interact with the Instructor - Online & In-Person

Get Your Questions Answered • Code Along with the Class • Classroom Format

Is This Workshop for Me?

Summary

This workshop is targeted at designers and developers, whehter have years of experience working with CSS, or if this is a new tool in their tool box. CSS feature discussions will go from CSS feature or property introduction to advanced concepts such as hacks, associated APIs, and impacts on accessibility and performance. Whether your goal is to be introduced to what CSS is capable of or if you want to architect your corporations design systems, this workshop is for you.

Any Prerequisites?

  • Laptop with both Firefox and Chrome

Event Details

What

4 Full Day Workshop Sessions

Replay Videos (available immediately)

When

CANCELED, sorry. :-(