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

Modern layouts with CSS grid

Avatar for Chen Hui Jing Chen Hui Jing
February 15, 2018
Programming
50
1

Modern layouts with CSS grid

An introduction to CSS grid and how it can be used to create modern layouts for the web.

Avatar for Chen Hui Jing

Chen Hui Jing

February 15, 2018

More Decks by Chen Hui Jing

See All by Chen Hui Jing
Directions of the web
Avatar for Chen Hui Jing huijing
0
49
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
59
The case for modern CSS
Avatar for Chen Hui Jing huijing
1
83
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
52

Other Decks in Programming

See All in Programming
Built Our Own Background Agent at LayerX
Avatar for LayerX layerx
PRO
10
5.9k
使いながら育てる Claude Code — 開発フローの1コマンド化 × 繰り返し指摘の自動仕組み化
Avatar for endo shiki shiki_kakaku
0
1.9k
Claude CodeとAgentCore Gatewayを繋ぐ際の認証認可 / Authentication and authorization when connecting Claude Code with AgentCore Gateway
Avatar for Har1101 har1101
2
350
【デモ】Kiroで体験する仕様駆動開発｜設計からコーディングまでAIと進める開発フロー
Avatar for 工藤皓夢 cmkudo
0
330
仕様書を書く前にハーネスを作る - Agent Native開発は「探索を速く、判定を固く」
Avatar for Gota gotalab555
4
1.7k
Webエンジニアなのにブラウザの仕組みがわからないので、Pythonで自作してみた
Avatar for Tatsuki tatsuki12
4
970
ソフトウェアラスタライザ
Avatar for Fadis fadis
1
420
KotlinConf Extended South Korea 2026 Keynote
Avatar for HyunWoo Lee l2hyunwoo
0
120
運用ダッシュボードの設計を誰も教えてくれないのだけど みなさんどうしてるんですか？ - チームに監視するという文化を根付かせるための第一歩を踏みたい -
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
140
FastAPI の並行処理モデルを完全に理解する
Avatar for Yuki Ishikawa hoto17296
8
2.6k
楽しそうなつよつよエンジニアと目が死んでる僕/A brilliant engineer having a blast, and dead-eyed me.
Avatar for Ryusei Ohkura 3l4l5
2
230
How I Won Prize Money at a Hackathon Using Codex and Symphony Alpha
Avatar for yasei no otoko yasei_no_otoko
0
120

Featured

See All Featured
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1369
210k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2.1k
Docker and Python
Avatar for Tania Allard trallard
47
4.1k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.2k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.1k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
11k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
260
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.9k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
260

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