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
Mary Baum
January 20, 2018
Design
2
100
Momma's got a brand-new grid, in Albuquerque.
Mary Baum
January 20, 2018
Tweet
Share
More Decks by Mary Baum
See All by Mary Baum
Genesis or TwentyTwenty?
marybaum
0
23
Confessions of a type nut: Quick tricks to get great type on your site, and why it matters
marybaum
1
50
Let's get visual!
marybaum
0
340
Confessions of a type nut: Quick tricks to get great type on your site, and why it matters
marybaum
1
380
My favorite design tool ... is a browser.
marybaum
0
43
Let's Get Visual!
marybaum
0
170
Themes_101.pdf
marybaum
0
230
Gutenberg.pdf
marybaum
0
120
Header logos and favicons!
marybaum
0
180
Other Decks in Design
See All in Design
言語やロールの違いを超えて、一緒にデザインしていくための挑戦
hrtnde
0
1.3k
Backlogのイロハ・ やさしい使い方(基本編)
wattlaa
0
330
デザイナー採用 3社目で学び中のこと / Learnings of Designer Recruitment | Yasuhiro Yokota
yasuhiroyokota
1
240
noteのアクセシビリティ これまでのプロダクト・組織へのアプローチとこれからのこと
tatsuyasawanobori
1
1k
2024デザすぷVol.4 新年会/ Design Sprout Bar vol-4
root_recruit
1
320
良いアプリケーションをデザインするための感覚の持ち方 / Cultivating a Sense for Designing Great Applications
usagimaru
23
7.8k
コラボレーションを小さくはじめ、大きく広める - 相互理解のためのデザイン&開発交流会, Friends of Figma Tokyo by Yasuhiro Yokota
yasuhiroyokota
2
1.2k
20240120_画像生成AI_NovelAI入門・情報収集
doradora09
0
120
文化に寄りそうデザイン
recruitengineers
PRO
4
920
デザインをみんなのものに 「デザインの脱植民地化」を日本の文脈で考える
mayunak
7
4.1k
共創のための地域基盤としての非公式組織の形成 / Informal community as an infrastructure for co-creation
fumiyaakasaka
2
220
もち的デザイナーのキャリアデザイン新提言:副業起業家のすゝめ
mochitaro
0
1.3k
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
125
32k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
659
120k
[RailsConf 2023] Rails as a piece of cake
palkan
23
4k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
The Illustrated Children's Guide to Kubernetes
chrisshort
31
46k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
30
6k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
Scaling GitHub
holman
457
140k
How to train your dragon (web standard)
notwaldorf
73
5.2k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
A better future with KSS
kneath
231
16k
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