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

Say no to cookie cutter layouts expanded

Avatar for Chen Hui Jing Chen Hui Jing
September 28, 2017
Programming
0
69

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
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
98
Typesetting East Asian languages on the web
Avatar for Chen Hui Jing huijing
0
29
Rich dynamic design with modern CSS
Avatar for Chen Hui Jing huijing
1
38
The case for modern CSS
Avatar for Chen Hui Jing huijing
1
52
East Asian web typography
Avatar for Chen Hui Jing huijing
0
34
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
童醫院敏捷轉型的實踐經驗
Avatar for Max Lai cclai999
0
200
地方に住むエンジニアの残酷な現実とキャリア論
Avatar for nakamichi ichimichi
5
1.4k
Node-RED を（HTTP で）つなげる MCP サーバーを作ってみた
Avatar for High U highu
0
100
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
47
31k
Deep Dive into ~/.claude/projects
Avatar for Yuya Hirayama hiragram
9
1.6k
20250628_非エンジニアがバイブコーディングしてみた
Avatar for ponponmikan ponponmikankan
0
470
システム成長を止めない！本番無停止テーブル移行の全貌
Avatar for さかうぇ sakawe_ee
1
140
AIプログラマーDevinは PHPerの夢を見るか？
Avatar for Shinya Saita shinyasaita
1
170
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
Avatar for Tetsuya Kikuchi tkikuc
20
3.7k
XSLTで作るBrainfuck処理系
Avatar for MakKi makki_d
0
210
第9回 情シス転職ミートアップ 株式会社IVRy（アイブリー）の紹介
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
1
240
PostgreSQLのRow Level SecurityをPHPのORMで扱う Eloquent vs Doctrine #phpcon #track2
Avatar for Hiromi Hishida 77web
2
390

Featured

See All Featured
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.8k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
94
6.1k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
35
2.4k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Code Review Best Practice
Avatar for Trisha Gee trishagee
68
18k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.7k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
138
34k

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