Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Update layout workshop description to match color proposal #673

Merged
merged 1 commit into from
Jul 23, 2024
Merged

Update layout workshop description to match color proposal #673

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 9 additions & 7 deletions content/workshops/cascading-layouts.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -132,7 +132,7 @@ The workshop is taught in three sessions:
alt: 'Yoda reaching out to control the force, surrounded by jungle swamp'
}]) }}

#### First, Do No Harm
#### Cascading Styles

CSS is fundamentally different
from other languages or design tools,
Expand All @@ -142,13 +142,15 @@ We’ll dig into the practical implications of that vision,
and how the ‘grain’ of the language
can guide us to more performant and resilient styles.

#### Normal Flow & Formatting Contexts
#### Layout Modes & Formatting Contexts

Normal Flow is the default layout engine of CSS,
before we apply flexbox or grids.
Often passed over,
this powerful layout model
has a lot of complexity hidden just below the surface.
Many CSS properties are _modal_,
behaving differently in different layout contexts.
We'll start from the default layout mode
called 'normal flow' --
a powerful default
that often feels _natural_,
but hides a lot of complexity just below the surface.
We'll look at how the DOM is rendered
as a tree of inline and block boxes,
each generating a new 'formatting context'
Expand Down