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

CSS Grid in freier Wildbahn

Jessica Lyschik
November 10, 2019
Programming
0
140

CSS Grid in freier Wildbahn

Jessica Lyschik

November 10, 2019
Tweet

More Decks by Jessica Lyschik

See All by Jessica Lyschik
Performance 101
jessicalyschik
0
35
Performance 1x1
jessicalyschik
0
120
WordPress 5.3 - und Gutenberg!
jessicalyschik
0
170
CSS Grid in the wild
jessicalyschik
0
370
Keine Angst vor Gutenberg und WordPress 5.2
jessicalyschik
0
78
Keine Angst vor Gutenberg und WordPress 5.0
jessicalyschik
0
330
Einstieg in CSS Grid
jessicalyschik
1
550
CSS für Anfänger
jessicalyschik
0
170
Frauen in der IT und der WordPress Community
jessicalyschik
0
120

Other Decks in Programming

See All in Programming
Boost Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
1k
GoとPHPのインターフェイスの違い
shimabox
2
210
Rubyと自由とAIと
yotii23
6
1.9k
もう僕は OpenAPI を書きたくない
sgash708
6
1.9k
Django NinjaによるAPI開発の効率化とリプレースの実践
kashewnuts
1
290
SwiftUI移行のためのインプレッショントラッキング基盤の構築
kokihirokawa
0
170
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
240
バッチを作らなきゃとなったときに考えること
irof
2
550
AIレビュー導入によるCIツールとの共存と最適化
kamo26sima
1
160
PEPCは何を変えようとしていたのか
ken7253
3
300
Amazon Bedrockマルチエージェントコラボレーションを諦めてLangGraphに入門してみた
akihisaikeda
1
150
CDKを使ったPagerDuty連携インフラのテンプレート化
shibuya_shogo
0
120

Featured

See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1.1k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Being A Developer After 40
akosma
89
590k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Building Applications with DynamoDB
mza
93
6.2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
Site-Speed That Sticks
csswizardry
4
410
Fireside Chat
paigeccino
35
3.2k
Code Review Best Practice
trishagee
67
18k
4 Signs Your Business is Dying
shpigford
183
22k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
Designing Experiences People Love
moore
140
23k

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