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
0
140

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
Tweet

More Decks by Chen Hui Jing

See All by Chen Hui Jing
Directions of the web
Avatar for Chen Hui Jing huijing
0
39
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
32
Rich dynamic design with modern CSS
Avatar for Chen Hui Jing huijing
1
43
The case for modern CSS
Avatar for Chen Hui Jing huijing
1
56
East Asian web typography
Avatar for Chen Hui Jing huijing
0
44
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
40

Other Decks in Programming

See All in Programming
CSC307 Lecture 10
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
660
dchart: charts from deck markup
Avatar for Anthony Starks ajstarks
3
990
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
380
Lambda のコードストレージ容量に気をつけましょう
Avatar for tatsuki-yamada tattwan718
0
130
MUSUBIXとは
Avatar for Hisaho nahisaho
0
140
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
300
CSC307 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
CSC307 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
780
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
Avatar for petamoriken / 森建 petamoriken
0
200
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
330
AtCoder Conference 2025
Avatar for shindannin shindannin
0
1.1k
ノイジーネイバー問題を解決する 公平なキューイング
Avatar for Shoichi Ochi occhi
0
100

Featured

See All Featured
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
420
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
53
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
240
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.9k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.5k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
62
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
200
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
83
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
0
370
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
78
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
660

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