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
react-callを使ってダイヤログをいろんなとこで再利用しよう！
Avatar for shinaps shinaps
2
260
企業の生成AIガバナンスにおけるエージェントとセキュリティ
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
2
190
自作JSエンジンに推しプロポーザルを実装したい！
Avatar for Saji sajikix
1
190
Oracle Base Database Service 技術詳細
Avatar for oracle4engineer oracle4engineer
PRO
10
75k
EncryptedSharedPreferences が deprecated になっちゃった！どうしよう！ / Oh no! EncryptedSharedPreferences has been deprecated! What should I do?
Avatar for Yuki Anzai yanzm
0
470
スマートファクトリーの第一歩 〜AWSマネージドサービスで 実現する予知保全と生成AI活用まで
Avatar for wanda ganota
2
280
なぜスクラムはこうなったのか？歴史が教えてくれたこと/Shall we explore the roots of Scrum
Avatar for Genki Sano sanogemaru
5
1.6k
AIをプライベートや業務で使ってみよう！効果的な認定資格の活かし方
Avatar for Fukazawa Shun fukazawashun
0
100
「何となくテストする」を卒業するためにプロダクトが動く仕組みを理解しよう
Avatar for kawabeaver kawabeaver
0
420
要件定義・デザインフェーズでもAIを活用して、コミュニケーションの密度を高める
Avatar for KazukiHayase kazukihayase
0
120
現場で効くClaude Code ─ 最新動向と企業導入
Avatar for TakaakiKakei takaakikakei
1
260
LLMを搭載したプロダクトの品質保証の模索と学び
Avatar for SmartHR 品質保証部 qa
0
1.1k

Featured

See All Featured
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.4k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
188
55k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.4k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.7k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.7k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.7k

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.