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

There will be grid - Why CSS Grid Layout May Be...

Avatar for Marco Pantaleo Marco Pantaleo
March 26, 2017
Technology
0
440

There will be grid - Why CSS Grid Layout May Be The Portal Into A New World

held at JSUnconf 2017

Avatar for Marco Pantaleo

Marco Pantaleo

March 26, 2017
Tweet

Other Decks in Technology

See All in Technology
日本のソブリンAIを支えるエヌビディアの生成AIエコシステム
Avatar for Murakami Mana acceleratedmu3n
0
120
書籍『実践 Apache Iceberg』の歩き方
Avatar for Satoru Ishikawa ishikawa_satoru
0
450
東京大学「Agile-X」のFPGA AIデザインハッカソンを制したソニーのAI最適化
Avatar for ソニー株式会社 sony
0
190
DMARCは導入したんだけど・・・現場のつぶやき 〜 BIMI？何それ美味しいの？
Avatar for HIRANO Yoshitaka hirachan
1
130
datadog-incident-management-intro
Avatar for tetsuya28 tetsuya28
0
120
AIでデータ活用を加速させる取り組み / Leveraging AI to accelerate data utilization
Avatar for okiyuki okiyuki99
6
1.7k
NOT A HOTEL SOFTWARE DECK (2025/11/06)
Avatar for NOT A HOTEL notahotel
0
2.1k
猫でもわかるAmazon Q Developer CLI 解体新書
Avatar for Hiroo Katoh kentapapa
1
300
激動の時代を爆速リチーミングで乗り越えろ
Avatar for SansanTech sansantech
PRO
1
240
AI連携の新常識！ 話題のMCPをはじめて学ぶ！
Avatar for MakoAkiba makoakiba
0
180
Boxを“使われる場”にする統制と自動化の仕組み
Avatar for 株式会社出前館 demaecan
0
180
[AWS 秋のオブザーバビリティ祭り 2025 〜最新アップデートと生成 AI × オブザーバビリティ〜] Amazon Bedrock AgentCore で実現！お手軽 AI エージェントオブザーバビリティ
Avatar for Hajime Onishi 0nihajim
1
170

Featured

See All Featured
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
186
22k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
161
23k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
37
2.6k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.2k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.1k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
8
330
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.3k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
950
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k

Transcript

  1. ere will be grid. Why CSS Grid Layout May Be

    e Portal Into A New World Marco Pantaleo @peeofive

  2. Hi, I’m Marco. •42 years old •Frontend Developer •…since 2001

    I work here —>

  3. Why a talk about Grid Layout?

  4. tl;dr: It’s awesome. …and then some.

  5. Let’s get back in time…

  6. logo.html navigation.html main.html footer.html

  7. Frames easy to use not accessible at all bad for

    search engines include content you don’t own
  8. None

  9. T able layout easy aligning & centering „interesting“ layouts table

    hell only good for fixed layouts
  10. None

  11. CSS Layout Zen Garden & A List Apart floats, clears

    display inline-block browser incompatibilities (hi IE6)

  12. en in 2013…

  13. Flexbox super flexible :) caniuse: green but only in one

    direction e grid is a lie.
  14. None
  15. None

  16. Now let’s code.

  17. None
  18. None
  19. None
  20. None
  21. None
  22. None
  23. None
  24. None
  25. None
  26. None
  27. None
  28. None
  29. None
  30. None

  31. Back to the real world…

  32. None

  33. Many other features Alignment Justification shorthands …

  34. None

  35. anks.