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

Say no to cookie cutter layouts expanded

Chen Hui Jing
September 28, 2017
Programming
0
61

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.

Chen Hui Jing

September 28, 2017
Tweet

More Decks by Chen Hui Jing

See All by Chen Hui Jing
Directions of the web
huijing
0
30
Box alignment
huijing
0
23
Be like water: applying Bruce Lee's philosophy to web design
huijing
2
86
Typesetting East Asian languages on the web
huijing
0
24
Rich dynamic design with modern CSS
huijing
1
31
The case for modern CSS
huijing
1
45
East Asian web typography
huijing
0
31
Layout the web with CSS Grid (and friends)
huijing
1
14
Not in Kansas anymore: a new frontier for web design
huijing
0
34

Other Decks in Programming

See All in Programming
各クラウドサービスにおける.NETの対応と見解
ymd65536
0
240
PHPUnitしか使ってこなかった 一般PHPerがPestに乗り換えた実録
mashirou1234
0
410
2025.01.17_Sansan × DMM.swift
riofujimon
2
410
React 19でお手軽にCSS-in-JSを自作する
yukukotani
5
550
Fibonacci Function Gallery - Part 2
philipschwarz
PRO
0
210
ATDDで素早く安定した デリバリを実現しよう！
tonnsama
1
1.6k
盆栽転じて家具となる / Bonsai and Furnitures
aereal
0
200
PicoRubyと暮らす、シェアハウスハック
ryosk7
0
160
PHPで作るWebSocketサーバー ~リアクティブなアプリケーションを知るために~ / WebSocket Server in PHP - To know reactive applications
seike460
PRO
2
760
PHPで学ぶプログラミングの教訓 / Lessons in Programming Learned through PHP
nrslib
4
1.1k
情報漏洩させないための設計
kubotak
5
1.3k
良いユニットテストを書こう
mototakatsu
11
3.5k

Featured

See All Featured
Site-Speed That Sticks
csswizardry
2
240
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.5k
Typedesign – Prime Four
hannesfritz
40
2.5k
Optimizing for Happiness
mojombo
376
70k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
98
18k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
Practical Orchestrator
shlominoach
186
10k
KATA
mclloyd
29
14k
How GitHub (no longer) Works
holman
312
140k

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