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

Why CSS grid is a game-changer for web design

Avatar for Chen Hui Jing Chen Hui Jing
February 26, 2018
Programming
0
120

Why CSS grid is a game-changer for web design

Talk presented at GitHub Constellation Singapore 2018 on modern web layouts with CSS grid.

Avatar for Chen Hui Jing

Chen Hui Jing

February 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
37
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
30
Rich dynamic design with modern CSS
Avatar for Chen Hui Jing huijing
1
41
The case for modern CSS
Avatar for Chen Hui Jing huijing
1
55
East Asian web typography
Avatar for Chen Hui Jing huijing
0
40
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
39

Other Decks in Programming

See All in Programming
歴史から学ぶ「Why PHP？」 PHPを書く理由を改めて理解する / Learning from History: “Why PHP?” Rediscovering the Reasons for Writing PHP
Avatar for shiro seike seike460
PRO
0
170
予防に勝る防御なし（2025年版） - 堅牢なコードを導く様々な設計のヒント / Growing Reliable Code PHP Conference Fukuoka 2025
Avatar for Takuto Wada twada
PRO
41
13k
Chart.jsで長い項目を表示するときのハマりどころ
Avatar for yumechi(Motoki Hirao) yumechi
0
160
Combinatorial Interview Problems with Backtracking Solutions - From Imperative Procedural Programming to Declarative Functional Programming - Part 1
Avatar for Philip Schwarz philipschwarz
PRO
0
110
Eloquentを使ってどこまでコードの治安を保てるのか？を新人が考察してみた
Avatar for ito_kohhh itokoh0405
0
3.2k
Java_プロセスのメモリ監視の落とし穴_NMT_で見抜けない_glibc_キャッシュ問題_.pdf
Avatar for NTTドコモソリューションズ　Java担当 ntt_dsol_java
0
230
アーキテクチャと考える迷子にならない開発者テスト
Avatar for irof irof
9
3.3k
なぜ強調表示できず ** が表示されるのか — Perlで始まったMarkdownの歴史と日本語文書における課題
Avatar for hkws kwahiro
12
7.2k
高単価案件で働くための心構え
Avatar for Katsuma Narisawa nullnull
0
160
r2-image-worker
Avatar for Yusuke Wada yusukebe
1
180
DartASTとその活用
Avatar for そた sotaatos
2
150
Querying Design System デザインシステムの意思決定を支える構造検索
Avatar for ikuma-t ikumatadokoro
1
1.2k

Featured

See All Featured
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
2.9k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.4k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
30
5.6k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
7.8k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
760
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.8k
Side Projects
Avatar for Sacha Greif sachag
455
43k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
350

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
  44. None
  45. None
  46. None
  47. None
  48. None
  49. None
  50. None
  51. None
  52. None
  53. None
  54. None
  55. None
  56. None
  57. None
  58. None
  59. None
  60. None
  61. None
  62. None
  63. None
  64. None