Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Momma's got a brand-new grid, in Albuquerque.
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Mary Baum
January 20, 2018
Design
150
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Momma's got a brand-new grid, in Albuquerque.
Mary Baum
January 20, 2018
More Decks by Mary Baum
See All by Mary Baum
Genesis or TwentyTwenty?
marybaum
0
42
Confessions of a type nut: Quick tricks to get great type on your site, and why it matters
marybaum
1
76
Let's get visual!
marybaum
0
430
Confessions of a type nut: Quick tricks to get great type on your site, and why it matters
marybaum
1
420
My favorite design tool ... is a browser.
marybaum
0
62
Let's Get Visual!
marybaum
0
250
Themes_101.pdf
marybaum
0
280
Gutenberg.pdf
marybaum
0
150
Header logos and favicons!
marybaum
0
210
Other Decks in Design
See All in Design
ClaudeCodeでマーケターの課題を解決する
kenichiota0711
11
14k
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
securecat
1
410
「親切なオンボーディング」 が招く罠 ー AI時代のUXデザイン
godlingkogami
1
140
Understanding Branding
ranyfardiany
0
240
設計と制作 意図を形に表す / Design and Making: Intent Made Form
usagimaru
3
2k
デザインワークフローの最前線。 ログラスでのAI活用の現在地
ukaoli
1
1.5k
富山デザイン勉強会_デザイントレンド2026.pdf
keita_yoshikawa
3
270
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
230
結びながら、ひらく - にじむ境界のデザイン
hilokifigma
4
1.8k
Drawing_for_Anim_Final_PDF.pdf
lynteo
2
170
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
deadlinepoet
0
340
test deck title
shotamatsuo
0
1.5k
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
28
3.6k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
65
56k
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
370
How Software Deployment tools have changed in the past 20 years
geshan
0
34k
BBQ
matthewcrist
89
10k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
490
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
360
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
340
Designing for humans not robots
tammielis
254
26k
Why Our Code Smells
bkeepers
PRO
340
58k
AI: The stuff that nobody shows you
jnunemaker
PRO
8
830
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
330
Transcript
Who's your favorite?
None
Style That Site! “I can style it in three breakpoints!”
None
None
None
None
New unit! The fraction. 1fr, 2fr, 3fr, more.
None
None
Now let’s pay some dues.
We’re here for two reasons. Rachel Andrew Jen Simmons
A tiny taste: http:// labs.jensimmons.com/
A tiny taste: http://gridbyexample.com
And so much more.
So. Grid.
What is it? Where do we use it? Does it
work with Flexbox? How to get started?
What it’s not:
A plugin A framework A page-builder A panacea (much)
Grid is a CSS specification.
Where do we use it?
Grids of posts ...
instead of Flexbox; instead of floats; instead of block and
inline-block;
Instead of Flexbox.
None
None
None
Or along with those things!
Thanks, Foundation. You taught me some great php.
None
How about inside a post? For this theme, I scrapped
the image-gallery plugins.
None
None
None
None
None
None
Why, yes! You can mix units.
None
Does it work with Flexbox?
None
None
None
Browser support?
None
The implicit grid.
None
None
None
Mary Baum @marybaum