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

CSS Grid in freier Wildbahn

Avatar for Jessica Lyschik Jessica Lyschik
November 10, 2019
Programming
240
0

CSS Grid in freier Wildbahn

Avatar for Jessica Lyschik

Jessica Lyschik

November 10, 2019

More Decks by Jessica Lyschik

See All by Jessica Lyschik
Performance 101
Avatar for Jessica Lyschik jessicalyschik
0
73
Performance 1x1
Avatar for Jessica Lyschik jessicalyschik
0
190
WordPress 5.3 - und Gutenberg!
Avatar for Jessica Lyschik jessicalyschik
0
240
CSS Grid in the wild
Avatar for Jessica Lyschik jessicalyschik
0
450
Keine Angst vor Gutenberg und WordPress 5.2
Avatar for Jessica Lyschik jessicalyschik
0
160
Keine Angst vor Gutenberg und WordPress 5.0
Avatar for Jessica Lyschik jessicalyschik
0
430
Einstieg in CSS Grid
Avatar for Jessica Lyschik jessicalyschik
1
700
CSS für Anfänger
Avatar for Jessica Lyschik jessicalyschik
0
260
Frauen in der IT und der WordPress Community
Avatar for Jessica Lyschik jessicalyschik
0
200

Other Decks in Programming

See All in Programming
ALB ログから Trace を気合で繋げる技術
Avatar for Hayato Kawai fohte
7
840
Gmail/Google DriveをトリガーにAIエージェントを動かそう！ / Run AI agents with Gmail/Google Drive as triggers!
Avatar for Har1101 har1101
3
460
高専キャリア LT 発表内容
Avatar for Crysta1221 crysta1221
6
5.4k
進化を続けるGo toolsの現在地 / The Current State of Ever-Evolving Go Tools
Avatar for hond hond0413
0
280
[DroidKaigi 26] How We Moved from Android Studio to Slack
Avatar for Ahmed Ali thisaay
0
150
DynamoDBの基礎を振り返りながらベクトル検索機能を理解する
Avatar for 村上優稀 musan
3
260
MySQLとPostgreSQLって何が違うの？
Avatar for 赤神青空 akagami
0
150
ソフトウェアエンジニアにとっての生成AI - 特性を知って使い倒す / generative ai for software enginner
Avatar for Naoki Kishida kishida
7
2.3k
Go 1.27からのGODEBUG / Go 1.27 リリースパーティ #go127party
Avatar for mazrean mazrean
0
280
AWS Transform Custom による Spring Boot 2.xから4.xへのVerUp
Avatar for Satoshi Kaneyasu satoshi256kbyte
2
120
コンパウンドプロダクト開発のためのローカルプロセスマネージャー再発明 #layerxgo
Avatar for izumin5210 izumin5210
0
600
【QA Test Talk Vol.8】AI-DLC による Whole Team Approach の加速
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
0
270

Featured

See All Featured
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
6.2k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
67k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
320
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
490
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
280
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.4k
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
290
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.3k
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.3k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.4k

Transcript

  1. CSS Grid in freier Wildbahn Jessica Lyschik • WordCamp Stuttgart

    2019

  2. Warum du CSS Grid bereits heute einsetzen solltest

  3. Quelle: caniuse.com

  4. Erstelle 2-dimensionale Layouts, direkt mit CSS Angepasstes Beispiel von gridbyexamples.com

  5. CSS Grid ist nicht wie Bootstrap oder 960grid

  6. Denke nicht in Spalten, sondern in Linien-Nummern. Sie starten bei

    1 von ganz links. Angepasstes Beispiel von gridbyexamples.com

  7. Beispiel 1: CodePen

  8. Beispiel 2: CodePen

  9. Vielen Dank! Was ist deine Frage? Folge mir auf Twitter:

    @jessicalyschik