Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Momma's got a brand-new grid.

Avatar for Mary Baum Mary Baum
October 14, 2017
Design
0
76

Momma's got a brand-new grid.

A first look at CSS-Grid in WordPress (and the fr measurement unit).

Avatar for Mary Baum

Mary Baum

October 14, 2017
Tweet

More Decks by Mary Baum

See All by Mary Baum
Genesis or TwentyTwenty?
Avatar for Mary Baum marybaum
0
30
Confessions of a type nut: Quick tricks to get great type on your site, and why it matters
Avatar for Mary Baum marybaum
1
60
Let's get visual!
Avatar for Mary Baum marybaum
0
390
Confessions of a type nut: Quick tricks to get great type on your site, and why it matters
Avatar for Mary Baum marybaum
1
400
My favorite design tool ... is a browser.
Avatar for Mary Baum marybaum
0
49
Let's Get Visual!
Avatar for Mary Baum marybaum
0
220
Themes_101.pdf
Avatar for Mary Baum marybaum
0
270
Gutenberg.pdf
Avatar for Mary Baum marybaum
0
140
Header logos and favicons!
Avatar for Mary Baum marybaum
0
200

Other Decks in Design

See All in Design
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
210
ブランドパーソナリティ言語化における生成AI活用の実際
Avatar for Hiroki Hosaka h0sa
0
170
AIで加速するアクセシビリティのこれから
Avatar for Rikiya Ihara / magi magi1125
3
570
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
Avatar for 山口哲弘 t2yamaguchi429
0
480
Echoes Boomerang
Avatar for Cloud Yu artcloudyu
PRO
0
250
Flow, Not Stock 知識触媒としてのIA
Avatar for Takehisa Gokaichi 5kaichi
1
300
Liquid Iron
Avatar for Brynn McDucky P. mcduckyart
1
110
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
860k
minpaku-community-scrum-patterns
Avatar for Noriaki Kawanishi norinity1103
1
130
事例で学ぶ！今日から使えるWebサービスUI改善ポイント
Avatar for NCDC ncdc
0
180
Tools for Design Engineers other than LLM in the LLM era
Avatar for takanorip takanorip
1
340
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
0
110

Featured

See All Featured
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
189
11k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
524
40k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
980
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
5.9k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
32
2.4k

Transcript

  1. Psst …

  2. None
  3. None
  4. None
  5. None
  6. None
  7. None

  8. Now let’s pay some dues.

  9. We’re here for two reasons. Jen Simmons Rachel Andrew

  10. A tiny taste: http://labs.jensimmons.com/ http://jensimmons.com/post/ feb-27-2017/learn-css-grid

  11. A tiny taste: http://gridbyexample.com https://gridbyexample.com/video/

  12. And so much more.

  13. So. Grid.

  14. None

  15. What is it? Where do we use it? Does it

    work with Flexbox? How to get started?

  16. What it’s not: A plugin A framework A page-builder A

    panacea (much)

  17. Where do we use it?

  18. Subtitle Text

  19. Subtitle Text

  20. Subtitle Text

  21. Thanks, Foundation. You taught me some great php.

  22. Subtitle Text

  23. Does it work with Flexbox?

  24. Subtitle Text

  25. Subtitle Text

  26. Subtitle Text

  27. Browser support?

  28. Subtitle Text

  29. Mary Baum @marybaum