Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Momma's got a brand-new grid.

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

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

More Decks by Mary Baum

See All by Mary Baum
Genesis or TwentyTwenty?
Avatar for Mary Baum marybaum
0
45
Confessions of a type nut: Quick tricks to get great type on your site, and why it matters
Avatar for Mary Baum marybaum
1
77
Let's get visual!
Avatar for Mary Baum marybaum
0
440
Confessions of a type nut: Quick tricks to get great type on your site, and why it matters
Avatar for Mary Baum marybaum
1
430
My favorite design tool ... is a browser.
Avatar for Mary Baum marybaum
0
72
Let's Get Visual!
Avatar for Mary Baum marybaum
0
270
Themes_101.pdf
Avatar for Mary Baum marybaum
0
280
Gutenberg.pdf
Avatar for Mary Baum marybaum
0
150
Header logos and favicons!
Avatar for Mary Baum marybaum
0
210

Other Decks in Design

See All in Design
「惜しいデザイン」 を生み出さないための AIレビューループ
Avatar for Kazuhiro Tobita 0b1tk
3
4.4k
Webデザイナー中田美穂_ポートフォリオ
Avatar for miho nakada omy
0
120
【CEDEC2026】アートとゲームデザインをつなぐVFX設計『GRANBLUE FANTASY: Relink - Endless Ragnarok』における表現と可読性の両立
Avatar for Cygames, Inc. cygames
PRO
1
1.3k
A Corrida Maluca - Comedy Storyboard
Avatar for Giovana Nicóli gioli
0
120
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
Avatar for たと ottatto
3
1.8k
もっともらしさ生成器と暮らす – AI懐疑派の試行錯誤
Avatar for sekig(ojiee) sekiguchiy
0
190
Basket_of_love.pdf
Avatar for Terence Basart terencebasart
0
310
AIスライド生成を進化させるMDファイル
Avatar for 太田賢一 kenichiota0711
1
1.8k
デザインハーネスをつくるハーネス｜誰でも自社らしいデザインをつくれるようにする仕組み
Avatar for Akari Katakai katakai
0
800
LP制作のための熱量ハーネス -人の熱量を、AIとの制作につなぐ-
Avatar for niccy niccy
0
1.1k
PLATEAUで白い街を作る
Avatar for aikautau aikautau
0
190
ポートフォリオ_あやの
Avatar for ayano ngyenmazt1412
0
1.8k

Featured

See All Featured
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
420
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.3k
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
3
4.3k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
3k
Music & Morning Musume
Avatar for Bryan Veloso bryan
48
7.4k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.7k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.6k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
990
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
1
2.9k

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