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

Say no to cookie cutter layouts expanded

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Chen Hui Jing Chen Hui Jing
September 28, 2017
Programming
78
0

Say no to cookie cutter layouts expanded

CSS grid, together with other layout specific properties like Flexbox, writing-mode and CSS shapes, when used in combination, open up a myriad of possibilities for responsive designs that were not possible before.

Avatar for Chen Hui Jing

Chen Hui Jing

September 28, 2017

More Decks by Chen Hui Jing

See All by Chen Hui Jing
Directions of the web
Avatar for Chen Hui Jing huijing
0
48
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
110
Typesetting East Asian languages on the web
Avatar for Chen Hui Jing huijing
0
38
Rich dynamic design with modern CSS
Avatar for Chen Hui Jing huijing
1
58
The case for modern CSS
Avatar for Chen Hui Jing huijing
1
80
East Asian web typography
Avatar for Chen Hui Jing huijing
0
49
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
49

Other Decks in Programming

See All in Programming
【やさしく解説 設計編・中級 #4】ルールの寿命と、システムの年輪
Avatar for HideyukiKitao panda728
PRO
2
170
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
Avatar for Ryo Tomidokoro hanhan1978
4
1.3k
What's New in Android 2026
Avatar for Veronikapj veronikapj
0
210
Claude Team Plan導入・ガイド
Avatar for tk3fftk tk3fftk
0
240
GDG Korea Android: 2026 I/O Extended ~ What's new in Android development tools
Avatar for pluulove (노현석) pluu
0
180
これからAgentCoreを触る方へ トレンドはGatewayです
Avatar for Har1101 har1101
6
510
エンジニアにデザインハーネスを 〜デザインプロセスを規定するためのハーネス〜 / Design harness from an engineer's perspective
Avatar for r-kagaya rkaga
2
1.7k
Generative UI & AI-Assistants for Your Angular Solutions
Avatar for Manfred Steyer manfredsteyer
PRO
1
230
【やさしく解説 設計編・中級 #6】良いアーキテクチャとは ～ 一本の登り道の、行き先 ～
Avatar for HideyukiKitao panda728
PRO
0
180
The Bowling Game - From Imperative to Functional Programming - Part 1
Avatar for Philip Schwarz philipschwarz
PRO
0
350
えっ!!コードを読まずに開発を!?
Avatar for はなのうち hananouchi
0
270
Apache Hive: そしてCloud Native Lakehouseへ
Avatar for okumin okumin
1
170

Featured

See All Featured
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
390
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
220
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
230
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
76
5.3k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.5k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.1k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
180
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.7k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
400
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k

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
  65. None
  66. None
  67. None
  68. None
  69. None
  70. None
  71. None
  72. None
  73. None
  74. None
  75. None
  76. None
  77. None
  78. None
  79. None
  80. None
  81. None
  82. None
  83. None
  84. None
  85. None
  86. None
  87. None
  88. None
  89. None
  90. None
  91. None
  92. None
  93. None
  94. None
  95. None
  96. None
  97. None
  98. None