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
0
170

CSS Grid in freier Wildbahn

Avatar for Jessica Lyschik

Jessica Lyschik

November 10, 2019
Tweet

More Decks by Jessica Lyschik

See All by Jessica Lyschik
Performance 101
Avatar for Jessica Lyschik jessicalyschik
0
46
Performance 1x1
Avatar for Jessica Lyschik jessicalyschik
0
140
WordPress 5.3 - und Gutenberg!
Avatar for Jessica Lyschik jessicalyschik
0
190
CSS Grid in the wild
Avatar for Jessica Lyschik jessicalyschik
0
390
Keine Angst vor Gutenberg und WordPress 5.2
Avatar for Jessica Lyschik jessicalyschik
0
100
Keine Angst vor Gutenberg und WordPress 5.0
Avatar for Jessica Lyschik jessicalyschik
0
350
Einstieg in CSS Grid
Avatar for Jessica Lyschik jessicalyschik
1
590
CSS für Anfänger
Avatar for Jessica Lyschik jessicalyschik
0
200
Frauen in der IT und der WordPress Community
Avatar for Jessica Lyschik jessicalyschik
0
140

Other Decks in Programming

See All in Programming
なぜ「共通化」を考え、失敗を繰り返すのか
Avatar for Rinchoku rinchoku
1
660
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
Avatar for shiro seike seike460
PRO
3
780
AIともっと楽するE2Eテスト
Avatar for Yohei Maeda myohei
7
2.8k
AI Agent 時代のソフトウェア開発を支える AWS Cloud Development Kit (CDK)
Avatar for Kenji Kono konokenj
3
280
ruby.wasmで多人数リアルタイム通信ゲームを作ろう
Avatar for lni_T lnit
3
490
AI コーディングエージェントの時代へ：JetBrains が描く開発の未来
Avatar for Masaru Horioka masaruhr
1
190
Rails Frontend Evolution: It Was a Setup All Along
Avatar for Svyatoslav Kryukov skryukov
0
160
AI時代の『改訂新版 良いコード／悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
Avatar for MinoDriven minodriven
20
8.1k
Node-RED を（HTTP で）つなげる MCP サーバーを作ってみた
Avatar for High U highu
0
120
Systèmes distribués, pour le meilleur et pour le pire - BreizhCamp 2025 - Conférence
Avatar for Sébastien LECACHEUR slecache
0
120
Goで作る、開発・CI環境
Avatar for Shinpei Mine sin392
0
240
Google Agent Development Kit でLINE Botを作ってみた
Avatar for Kento.Yamada ymd65536
2
260

Featured

See All Featured
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
69
11k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
22k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
35
6.7k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.7k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
1.9k
Faster Mobile Websites
Avatar for Dean Hume deanohume
307
31k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.7k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
51
3.3k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
524
40k

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