Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Say no to cookie cutter web layouts

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Chen Hui Jing Chen Hui Jing
September 16, 2017
Programming
74
1

Say no to cookie cutter web layouts

Talk presented at Form Function Class 8 on designing web layouts

Avatar for Chen Hui Jing

Chen Hui Jing

September 16, 2017

More Decks by Chen Hui Jing

See All by Chen Hui Jing
Directions of the web
Avatar for Chen Hui Jing huijing
0
51
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
39
Rich dynamic design with modern CSS
Avatar for Chen Hui Jing huijing
1
68
The case for modern CSS
Avatar for Chen Hui Jing huijing
1
90
East Asian web typography
Avatar for Chen Hui Jing huijing
0
52
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
55

Other Decks in Programming

See All in Programming
Herb in Rails 8.2: Your ERB views, now HTML-aware @ Rails World 2026, Austin, Texas
Avatar for Marco Roth marcoroth
0
220
AWSに止められる覚悟してますか？
Avatar for モリゾー morizo_1984
2
540
S3 TablesのIcebergデータに、AIエージェントからアクセスしてみた / 20261016developersio2026joetsu-accessing-iceberg-in-s3tables-via-agent
Avatar for kasacchiful kasacchiful
PRO
0
150
Verilogで学ぶCPU自作入門
Avatar for uyuki uyuki234
8
4.1k
當我們開始不讀 Code - AI Agent 時代，Code Review 與 Clean Code 還剩下什麼？
Avatar for James Wang jame2408
1
210
dotNET_vulnclicker_intro.pdf
Avatar for Tomohiko Morita deka_morita
0
140
Atomic Design, Enforced: Scaling Mobile Design Systems (next.app devCon / droidCon Berlin 2026)
Avatar for Stelios Frantzeskakis steliosf
PRO
0
170
Web Framework Benchmark Battle 2026, Any%
Avatar for Akira Matsuda a_matsuda
2
2.1k
C#の現在地 進化の歴史と、AI時代の.NET Everywhere
Avatar for Yoshifumi Kawai neuecc
5
5.2k
Rでドレミ/Do-Re-Mi_with_R
Avatar for florets1 florets1
0
130
Findy - エンジニア向け会社紹介/Findy Company Deck
Avatar for Findy findyinc
6
400k
【加筆修正版】Laravel のアプリケーションをどこにデプロイするか #phpcon_ehime
Avatar for akase244 akase244
0
150

Featured

See All Featured
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4.2k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.9k
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.9k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
370
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
240
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
530
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
142
7.8k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
516
110k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k

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