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
99
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
54
East Asian web typography
Avatar for Chen Hui Jing huijing
0
37
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
CSC305 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
280
Ktorで簡単AIアプリケーション
Avatar for Keita Tsukamoto tsukakei
0
110
Blazing Fast UI Development with Compose Hot Reload (droidcon London 2025)
Avatar for Márton Braun zsmb
0
280
O Que É e Como Funciona o PHP-FPM?
Avatar for Marcel dos Santos marcelgsantos
0
210
Towards Transactional Buffering of CDC Events @ Flink Forward 2025 Barcelona Spain
Avatar for Hans-Peter Grahsl hpgrahsl
0
120
contribution to astral-sh/uv
Avatar for Shunsuke Tsuchiya shunsock
0
550
TransformerからMCPまで（現代AIを理解するための羅針盤）
Avatar for MIKIO KUBO mickey_kubo
7
5.5k
Claude Agent SDK を使ってみよう
Avatar for Hayami Shuhei hyshu
0
1.4k
Vueのバリデーション、結局どれを選べばいい？ ― 自作バリデーションの限界と、脱却までの道のり ― / Which Vue Validation Library Should We Really Use? The Limits of Self-Made Validation and How I Finally Moved On
Avatar for ねぎなす neginasu
2
1.6k
NixOS + Kubernetesで構築する自宅サーバーのすべて
Avatar for ichi-h ichi_h3
0
1.2k
Foundation Modelsを実装日本語学習アプリを作ってみた！
Avatar for 蛋白（たんぱく・TANPACT） hypebeans
0
130
Introduce Hono CLI
Avatar for Yusuke Wada yusukebe
6
3.1k

Featured

See All Featured
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4k
Navigating Team Friction
Avatar for Lara Hogan lara
190
15k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
How GitHub (no longer) Works
Avatar for Zach Holman holman
315
140k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.1k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
34
2.3k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
7k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k

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