RSVP to Attend Online
Join in Person
Sorry, this workshop was canceled. :-(
This Workshop's Online Chatroom is Currently Open!
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
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:30AMIntroduction
- 10:00AMSelectors
- 1:00PMLunch
- 2:00PMSpecificity
- 2:30PMGenerated Content
- 3:30PMMedia Queries
Day 2
- 9:30AMUnits and Values
- 11:00AMColors & Transparency
- 11:20AMMath (variables, calc, etc)
- 12:20PMLunch
- 1:20PMText and fonts
- 3:00PMBox Model
- 4:00PMFloat & Flexbox
Day 3
- 9:30AMTables
- 10:45AMCSS Grids
- 12:00PMBackgrounds & Images
- 1:15PMLunch
- 2:15PMGradients
- 3:15PMTransforms
Day 4
- 9:30AMTransitions and Animations
- 11:00AMOther features
- 12:00PMFile organization
Interact with the Instructor - Online & In-Person
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)