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
200

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
58
Performance 1x1
Avatar for Jessica Lyschik jessicalyschik
0
170
WordPress 5.3 - und Gutenberg!
Avatar for Jessica Lyschik jessicalyschik
0
220
CSS Grid in the wild
Avatar for Jessica Lyschik jessicalyschik
0
420
Keine Angst vor Gutenberg und WordPress 5.2
Avatar for Jessica Lyschik jessicalyschik
0
140
Keine Angst vor Gutenberg und WordPress 5.0
Avatar for Jessica Lyschik jessicalyschik
0
380
Einstieg in CSS Grid
Avatar for Jessica Lyschik jessicalyschik
1
640
CSS für Anfänger
Avatar for Jessica Lyschik jessicalyschik
0
250
Frauen in der IT und der WordPress Community
Avatar for Jessica Lyschik jessicalyschik
0
160

Other Decks in Programming

See All in Programming
encoding/json/v2のUnmarshalはこう変わった：内部実装で見る設計改善
Avatar for Hiroki Kurasawa kurakura0916
0
290
米国のサイバーセキュリティタイムラインと見る Goの暗号パッケージの進化
Avatar for tom twinkle tomtwinkle
1
400
The Ralph Wiggum Loop: First Principles of Autonomous Development
Avatar for Ryuichiro Semba sembayui
0
3.7k
登壇資料を作る時に意識していること #登壇資料_findy
Avatar for konifar konifar
5
2.1k
AIに仕事を丸投げしたら、本当に楽になれるのか
Avatar for ディップ株式会社 dip_tech
PRO
0
180
izumin5210のプロポーザルのネタ探し #tskaigi_msup
Avatar for izumin5210 izumin5210
1
510
受け入れテスト駆動開発(ATDD)×AI駆動開発 AI時代のATDDの取り組み方を考える
Avatar for Takasaki Kazunari kztakasaki
2
510
CSC307 Lecture 15
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
210
Railsの気持ちを考えながらコントローラとビューを整頓する/tidying-rails-controllers-and-views-as-rails-think
Avatar for MOROHASHI Kyosuke moro
4
370
AI時代でも変わらない技術コミュニティの力～10年続く“ゆるい”つながりが生み出す価値
Avatar for Takehata Naoto n_takehata
2
600
grapheme_strrev関数が採択されました（あと雑感）
Avatar for てきめん tekimen youkidearitai
PRO
1
200
Takumiから考えるSecurity_Maturity_Model.pdf
Avatar for gessy0129 gessy0129
0
110

Featured

See All Featured
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
1
3.5k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
150
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.7k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
HDC tutorial
Avatar for Michiel Stock michielstock
1
480
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
140
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.1k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
71

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