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
160
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
240
Frauen in der IT und der WordPress Community
Avatar for Jessica Lyschik jessicalyschik
0
160

Other Decks in Programming

See All in Programming
Unicodeどうしてる？ PHPから見たUnicode対応と他言語での対応についてのお伺い
Avatar for てきめん tekimen youkidearitai
PRO
1
2.6k
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
Avatar for yimajo yimajo
3
620
15年続くIoTサービスの SREエンジニアが挑む 分散トレーシング導入
Avatar for Melonps melonps
2
210
AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity
Avatar for MinoDriven minodriven
21
7.3k
Package Management Learnings from Homebrew
Avatar for Mike McQuaid mikemcquaid
0
230
AIによる開発の民主化を支える コンテキスト管理のこれまでとこれから
Avatar for Mulyu mulyu
3
320
CSC307 Lecture 09
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
840
Fluid Templating in TYPO3 14
Avatar for Simon Praetorius s2b
0
130
SourceGeneratorのススメ
Avatar for tkym htkym
0
200
AI巻き込み型コードレビューのススメ
Avatar for Nealle nealle
2
360
izumin5210のプロポーザルのネタ探し #tskaigi_msup
Avatar for izumin5210 izumin5210
1
130
高速開発のためのコード整理術
Avatar for sutetotanuki sutetotanuki
1
400

Featured

See All Featured
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
890
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
190
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
700
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
71k
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.1k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
62
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
130
HDC tutorial
Avatar for Michiel Stock michielstock
1
380
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
180
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
24k
Done Done
Avatar for chrislema chrislema
186
16k

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