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
51

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
27
Box alignment
huijing
0
23
Be like water: applying Bruce Lee's philosophy to web design
huijing
2
77
Typesetting East Asian languages on the web
huijing
0
21
Rich dynamic design with modern CSS
huijing
1
26
The case for modern CSS
huijing
1
37
East Asian web typography
huijing
0
23
Layout the web with CSS Grid (and friends)
huijing
1
14
Not in Kansas anymore: a new frontier for web design
huijing
0
27

Other Decks in Programming

See All in Programming
Rails と人魚の話/rails-and-mermaid
sanfrecce_osaka
0
100
Ruby製社内ツールのGo移行
bgpat
2
330
GitHub Actionsで泣かないためにやっておきたい設定 / Recommended GHA settings to avoid crying
pinkumohikan
3
490
Javaエンジニアのための Nodejs/Nuxt3入門
hidekatsu_izuno
0
280
What We Can Learn From OSS
inouehi
0
400
オブジェクト指向のリ・オリエンテーション～歴史を振り返り、AI時代に向きなおる～
hanyudaeiiti
10
5.6k
puregoの活用例
aethiopicuschan
0
220
受託開発でGitLab CI を活用していく
xiombatsg
1
270
GraphQLサーバの構成要素を整理する #ハッカー鮨 #tsukijigraphql / graphql server technology selection
izumin5210
1
180
ログラスを支える設計標準について / loglass-design-standards
urmot
10
2.1k
Elm 0.19.0 Changes
bkuhlmann
0
480
Code Reviews
bkuhlmann
4
880

Featured

See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
242
12k
In The Pink: A Labor of Love
frogandcode
138
21k
Embracing the Ebb and Flow
colly
79
4.1k
Designing the Hi-DPI Web
ddemaree
276
33k
Building an army of robots
kneath
300
41k
Building Applications with DynamoDB
mza
88
5.6k
Reflections from 52 weeks, 52 projects
jeffersonlam
344
19k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
115
18k
4 Signs Your Business is Dying
shpigford
175
21k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
What the flash - Photography Introduction
edds
64
11k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
24
2.3k

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