Skip to content

Toucaan/css-architecture-2024-a-primer-on-intrinsic-web-design

Repository files navigation

My talk on Modern CSS Architecture, 2024 and forward.

The presentation is available here → https://bubblin.io/book/modern-css-architecture-2024-by-marvin-danig/1

🍭 Feedback from the audience.

Received the following PDF from the organizers.

Introduction

CSS has been under rapid development for the past few years. With new powerful features being added every week, it is only a matter of time before our old methods would become completely obsolete and unique design patterns would emerge and take over to replace the old.

Let's prepare for that moment. Now.

Table of Contents

  1. Introduction
  2. A Brief History of CSS
  3. Where we are: Responsive Web Design.
  4. What's new with CSS?
  5. Where's the web at?
    • What is intrinsicality (Demo)
    • How do we measure it?
    • Accessibility and all that
  6. Meet Intrinsic Web Design head-on.
  7. Tips & Conclusion

Run time: 25 minutes. Plus Q&A.

Debriefing:

What is the "Elevator Pitch" for this talk (300 characters or less)?

Modern CSS Architecture 2024 — A Primer on Infusing Intriniscality into User Interfaces | Marvin Danig | Dulles Code & Coffee

Who is the ideal audience? E.g., What domains? Beginner, Intermediate, Advanced?

Domain: Frontend. Ideal Audience: Beginners to Intermediate.

A paragraph describing or expanding on your pitch.

There has been a Cambrian Explosion 1 of features in the CSS land. From Container-Queries to Native Nesting, from CSS Scopes to Cascade Layers, from Color-Schemes and CSS Accents to Pretty and Balanced Text Formatting—it is all happening simultaneously and fast.

In this talk, we look at where we are with the existing ideals of Responsive Web Design and where we are likely headed with the many new capabilities of CSS that allow us to customize and deliver the most ideal and intrinsically suitable user experience to the end-user.

Let's [dive in](link to talk).

License

CC BY 4.0 DEED

You are free to:

Share — copy and redistribute the material in any medium or format for any purpose, even commercially.

Adapt — remix, transform, and build upon the material for any purpose, even commercially.