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
180

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
52
Performance 1x1
Avatar for Jessica Lyschik jessicalyschik
0
150
WordPress 5.3 - und Gutenberg!
Avatar for Jessica Lyschik jessicalyschik
0
200
CSS Grid in the wild
Avatar for Jessica Lyschik jessicalyschik
0
410
Keine Angst vor Gutenberg und WordPress 5.2
Avatar for Jessica Lyschik jessicalyschik
0
120
Keine Angst vor Gutenberg und WordPress 5.0
Avatar for Jessica Lyschik jessicalyschik
0
370
Einstieg in CSS Grid
Avatar for Jessica Lyschik jessicalyschik
1
620
CSS für Anfänger
Avatar for Jessica Lyschik jessicalyschik
0
230
Frauen in der IT und der WordPress Community
Avatar for Jessica Lyschik jessicalyschik
0
150

Other Decks in Programming

See All in Programming
モビリティSaaSにおけるデータ利活用の発展
Avatar for Nealle nealle
0
500
ソフトウェア設計の課題・原則・実践技法
Avatar for 増田 亨 masuda220
PRO
4
530
AIを駆使して新しい技術を効率的に理解する方法
Avatar for nogu nogu66
1
630
複数チーム並行開発下でのコード移行アプローチ ~手動 Codemod から「生成AI 活用」への進化
Avatar for ANDPAD inc andpad
0
170
Agentに至る道 〜なぜLLMは自動でコードを書けるようになったのか〜
Avatar for mackee mackee
5
1.7k
AIエージェントでのJava開発がはかどるMCPをAIを使って開発してみた / java mcp for jjug
Avatar for Naoki Kishida kishida
4
670
Verilator + Rust + gRPC と Efinix の RISC-V でAIアクセラレータをAIで作ってる話 RTLを語る会(18) 2025/11/08
Avatar for Ryuji Fuchikami ryuz88
0
360
詳細の決定を遅らせつつ実装を早くする
Avatar for shimabox shimabox
1
1.3k
Designing Repeatable Edits: The Architecture of . in Vim
Avatar for Satoru Kitaguchi satorunooshie
0
400
チーム開発の “地ならし"
Avatar for konifar konifar
8
5.2k
CSC509 Lecture 11
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
310
AI POSにおけるLLM Observability基盤の導入 ― サイバーエージェントDXインターン成果報告
Avatar for ♛Heitor Hirose hekuchan
0
690

Featured

See All Featured
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.3k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.2k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6.1k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
2.9k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.5k
A better future with KSS
Avatar for Kyle Neath kneath
239
18k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.6k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
37
2.6k

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