Miriam’s upcoming schedule

Miriam Suzanne is presenting at these upcoming events.

Hong Kong

WebConf.Asia

Advanced CSS & Sass for Modern Applications

Full-day workshop

From building beautiful sites, to maintaining complex design systems across applications, CSS is the web-language of design. Like all web languages, Cascading Style Sheets have come a long way since their early inception – providing powerful and dynamic tools for cross-browser and cross-device interface design.

In this workshop, Miriam Suzanne will introduce a variety of new and advanced CSS techniques, along with practical use-cases, integrations, and pitfalls. You’ll learn how to manage CSS variables, grids, calculations, support queries, and more – but understanding the syntax is only a start. We’ll talk about building a robust code architecture with CSS-driven design systems, passng data between JS and CSS, and combining modern techniques to solve real, everyday interface problems. In this workshop, you’ll learn:

  • Modern CSS Features: custom properties (variables), calc, grids, flexbox, writing modes, advanced media & support queries, and more
  • Building powerful interactions between CSS and JS
  • Combining techniques to solve practical problems, from layout and theming, to interaction, and data visualization
  • Common gotchas and work-arounds
  • Using Sass to write more meaningful and maintainable systems
  • CSS & Sass architecture patterns that scale
  • Writing Sass & CSS for design systems & pattern-library automation

The workshop is intended for professional front-end developers with experience in HTML and CSS. What hardware/software do you need?

Bring your own laptop, your favorite text editor, and any practical CSS issues you’re facing.

27 August 2020

Hong Kong

WebConf.Asia

Dynamic CSS: Layouts & Beyond

CSS has come a long way since the browser wars of the late 90s. What used to be a struggle, is now often a breeze (see box-shadow or border-radius). But the last 2 years have pushed CSS into entirely new territory: with DOM-aware variables and calculations that can drive your design, without all the invasive Javascript.

  • Basics for understanding Custom Properties & Calc().
  • Practical examples and use-cases for data-infused design.
  • Integrating with CSS Grids to build layouts on-the-fly.

28 August 2020

New York, NY, USA

SmashingConf New York

Resilient Web Systems with CSS & Sass

From building beautiful sites to maintaining complex design systems across multiple applications, CSS is the web-language of design.

Join Miriam for a deep-dive into the heart of CSS: how it works, what makes it special, and how we can harness it for resilient and maintainable design systems that scale. Rather than learning a single convention or toolkit, you’ll learn the fundamentals that all conventions share – how to think with CSS, and make smart decisions for your own project.

Since it was first proposed in 1994, CSS has attempted to solve two important problems:

  • How can we design with systems that keep our work consistent, performant, and maintainable?
  • How can we design with resilience across a wide range of interfaces – past, present, and future?

Now we’re building full mobile and desktop-style applications on the web, and those core CSS questions are more essential than ever. We need systems that scale, with resilience across an ever-growing range of browsers and devices. Can we write CSS that’s up to the task? Together, we’ll explore:

  • Why CSS works the way it does: from cascade and inheritance to normal flow and formatting contexts
  • Modern and “intrinsic” web layout in-depth: putting flexbox, grid, floats, alignment, writing modes, media queries and display in context
  • Moving past “browser support” to write modern and resilient CSS everywhere, without duplicating your efforts and driving up budgets
  • CSS architectures at the foundation of every naming convention, from OOCSS to BEM and ITCSS and beyond
  • Building meaningful and maintainable design systems with modern CSS and Sass
  • Integrating documentation and cross-team communication
  • What’s new in both CSS and Sass, and how you can get involved in where they go next

19 October 2020