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...
Search
Marco Pantaleo
March 26, 2017
Technology
450
0
Share
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
Other Decks in Technology
See All in Technology
ハーネスエンジニアリングの概要と設計思想
sergicalsix
9
5.2k
小説執筆のハーネスエンジニアリング
yoshitetsu
0
750
Standards et agents IA : un tour d’horizon de MCP, A2A, ADK et plus encore
glaforge
0
190
Cortex Codeのコスト見積ヒントご紹介
yokatsuki
0
110
PicoRuby as a Multi-VM Operating System
kishima
1
200
AWS DevOps Agentはチームメイトになれるのか?/ Can AWS DevOps Agent become a teammate
kinunori
6
760
Good Enough Types: Heuristic Type Inference for Ruby
riseshia
1
280
Route 53 Global Resolver で高額課金発生!
otanikohei2023
0
120
The Journey of Box Building
tagomoris
4
3.3k
AI時代 に増える データ活用先
takahal
0
310
「SaaSの次の時代」に重要性を増すステークホルダーマネジメントの要諦 ~解像度を圧倒的に高めPdMの価値を最大化させる方法~
kakehashi
PRO
3
2.4k
Oracle AI Database@AWS:サービス概要のご紹介
oracle4engineer
PRO
4
2.4k
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
410
How to Talk to Developers About Accessibility
jct
2
180
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
220
GraphQLとの向き合い方2022年版
quramy
50
15k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
110
The Curious Case for Waylosing
cassininazir
0
310
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
110
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
170
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
270
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.