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
There will be grid - Why CSS Grid Layout May Be The Portal Into A New World
Search
Marco Pantaleo
March 26, 2017
Technology
0
360
There will be grid - Why CSS Grid Layout May Be The Portal Into A New World
held at JSUnconf 2017
Marco Pantaleo
March 26, 2017
Tweet
Share
Other Decks in Technology
See All in Technology
AWS学習者向けにAzureの解説スライドを作成した話
handy
3
220
AWS アーキテクチャ作図入門/aws-architecture-diagram-101
ma2shita
16
6.4k
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Musicを例に~
otanet
0
320
自らを知り外と繋がる、日経のエンジニア採用とDevRel活動/devreljp92
nishiuma
2
190
いいたいことちゃんという
tkengo
0
260
GrafanaMeetup_AmazonManagedGrafanaのアクセス制御機能とマルチテナント環境下でのアクセス制御について
daitak
0
470
Building a RAG-poweredAI chat appwith Python and VS Code
pamelafox
0
180
Autonomous Database Cloud 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
15
35k
Secrets of a PowerShell "Guru"
guyrleech
1
110
障害対応をちょっとずつよくしていくための 演習の作りかた
heleeen
1
1.9k
require(ESM)とECMAScript仕様
uhyo
4
1k
本当のガバクラ基礎
toru_kubota
0
220
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
267
19k
Fashionably flexible responsive web design (full day workshop)
malarkey
398
65k
Raft: Consensus for Rubyists
vanstee
133
6.3k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
14
8.4k
Side Projects
sachag
451
41k
Thoughts on Productivity
jonyablonski
60
3.9k
Building Effective Engineering Teams - LeadDev
addyosmani
32
1.9k
Principles of Awesome APIs and How to Build Them.
keavy
121
16k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Atom: Resistance is Futile
akmur
260
25k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
126
32k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
323
20k
Transcript
ere will be grid. Why CSS Grid Layout May Be
e Portal Into A New World Marco Pantaleo @peeofive
Hi, I’m Marco. •42 years old •Frontend Developer •…since 2001
I work here —>
Why a talk about Grid Layout?
tl;dr: It’s awesome. …and then some.
Let’s get back in time…
logo.html navigation.html main.html footer.html
Frames easy to use not accessible at all bad for
search engines include content you don’t own
None
T able layout easy aligning & centering „interesting“ layouts table
hell only good for fixed layouts
None
CSS Layout Zen Garden & A List Apart floats, clears
display inline-block browser incompatibilities (hi IE6)
en in 2013…
Flexbox super flexible :) caniuse: green but only in one
direction e grid is a lie.
None
None
Now let’s code.
None
None
None
None
None
None
None
None
None
None
None
None
None
None
Back to the real world…
None
Many other features Alignment Justification shorthands …
None
anks.