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

Grid is the new black

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Chen Hui Jing Chen Hui Jing
January 26, 2018
Programming
150
0

Grid is the new black

Slides for CSS grid workshop conducted at JSConf.Asia 2018

Avatar for Chen Hui Jing

Chen Hui Jing

January 26, 2018

More Decks by Chen Hui Jing

See All by Chen Hui Jing
Directions of the web
Avatar for Chen Hui Jing huijing
0
43
Box alignment
Avatar for Chen Hui Jing huijing
0
23
Be like water: applying Bruce Lee's philosophy to web design
Avatar for Chen Hui Jing huijing
2
100
Typesetting East Asian languages on the web
Avatar for Chen Hui Jing huijing
0
37
Rich dynamic design with modern CSS
Avatar for Chen Hui Jing huijing
1
54
The case for modern CSS
Avatar for Chen Hui Jing huijing
1
71
East Asian web typography
Avatar for Chen Hui Jing huijing
0
48
Layout the web with CSS Grid (and friends)
Avatar for Chen Hui Jing huijing
1
14
Not in Kansas anymore: a new frontier for web design
Avatar for Chen Hui Jing huijing
0
45

Other Decks in Programming

See All in Programming
Transactional Change Stream Processing With Debezium and Apache Flink
Avatar for Gunnar Morling gunnarmorling
1
130
ECR拡張スキャンでSBOMを収集して サプライチェーン攻撃の影響調査を 爆速で終わらせてみた
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
200
AIエージェントと協働するCLI開発 — BunとOpenClawで学んだこと
Avatar for よしこ yoshikouki
1
210
Swiftのレキシカルスコープ管理
Avatar for kntk kntkymt
0
190
AI駆動開発で崩れていくコードベースを立て直す
Avatar for Kyoko NR kyoko_nr_nr
1
380
脅威をエンジニアリングの糧にして――現場編 / Turning Threats into Engineering Fuel — Field Edition
Avatar for nrs nrslib
0
190
自動レビューエンジンの実装と運用 ~レビューのない世界へ~
Avatar for Kanato kurukuru1999
2
270
Composerを使ったサプライチェーン攻撃の様子を眺めてみる #phpstudy
Avatar for hideki kinjyo o0h
PRO
2
160
気づいたらRubyで100作品 ー クリエイティブコーディングが生活の一部になるまで / 100 Ruby Sketches Later: How Creative Coding Became Part of My Life
Avatar for chobishiba chobishiba
2
380
Talking to terminals (and how they talk back) (KotlinConf 2026)
Avatar for Jake Wharton jakewharton
PRO
1
130
Inside Stream API
Avatar for Yuichi.Sakuraba skrb
1
220
色即是空、空即是色、データサイエンス
Avatar for KamoNeggi kamoneggi
1
200

Featured

See All Featured
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
360
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
12k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.9k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.1k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
190
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.7k
A Soul's Torment
Avatar for Nat Ma seathinner
6
2.8k
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
360
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
580

Transcript

  1. None
  2. None
  3. None
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. None
  13. None
  14. None
  15. None
  16. None
  17. None
  18. None
  19. None
  20. None
  21. None
  22. None
  23. None
  24. None
  25. None
  26. None
  27. None
  28. None
  29. None
  30. None
  31. None
  32. None
  33. None
  34. None
  35. None
  36. None
  37. None
  38. None
  39. None
  40. None
  41. None
  42. None
  43. None