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
72
Performance 1x1
Avatar for Jessica Lyschik jessicalyschik
0
180
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
690
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
Cloudflare is Agents
Avatar for chimame chimame
0
160
改善しないと、タスクが回らない。 “てんこ盛りポジション” を引き継いだ情シスの、入社3ヶ月の業務改善録
Avatar for Kurumi Watabe krm963
0
260
進化を続けるGo toolsの現在地 / The Current State of Ever-Evolving Go Tools
Avatar for hond hond0413
0
220
torikago - Ruby::Boxで照らすモジュラモノリスの実行境界
Avatar for nori se4weed
1
370
これって Effect でできたのでは? / TSKaigi Mashup Kansai #2
Avatar for Susisu susisu
0
240
運用ダッシュボードの設計を誰も教えてくれないのだけど みなさんどうしてるんですか？ - チームに監視するという文化を根付かせるための第一歩を踏みたい -
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
120
freee が目指す データ マネジメント戦略 AI-Ready 時代を支える 攻めのガバナンスとは
Avatar for freee freee
PRO
0
360
「人を評価する AI」の 設計と実装 
Avatar for 奈良亮耶 ryoyanara
0
200
プロポーザルを書いてもらう
Avatar for pvcresin pvcresin
0
510
Built Our Own Background Agent at LayerX
Avatar for LayerX layerx
PRO
10
5.4k
AWS DevOps AgentのAzure接続機能を検証して見えた活用法／Use Cases Verified for the AWS DevOps Agent's Azure Connectivity Feature
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
1
230
生成AIで帳票OCRが「簡単に」作れる時代になった？
Avatar for Shohei Kondo kon_shou
0
880

Featured

See All Featured
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.3k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
19k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
250
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.5k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
64
56k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
600
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2.1k
Design in an AI World
Avatar for tapps tapps
1
280
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.2k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
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