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

f2e @ 2012

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for 周祺 周祺
January 08, 2013
Programming
190
6

f2e @ 2012

2012前端的那些事

Avatar for 周祺

周祺

January 08, 2013

More Decks by 周祺

See All by 周祺
Mobile Web的性能优化与测试
Avatar for 周祺 zhouqicf
7
340
Web App
Avatar for 周祺 zhouqicf
1
170
Web App开发
Avatar for 周祺 zhouqicf
4
260
Photoshop影像修饰艺术
Avatar for 周祺 zhouqicf
4
370
前端和视觉间的故事
Avatar for 周祺 zhouqicf
1
160
CSS模块化
Avatar for 周祺 zhouqicf
2
240
Chrome Extension
Avatar for 周祺 zhouqicf
1
370

Other Decks in Programming

See All in Programming
Spec Driven Development | AI Summit Vilnius
Avatar for Daniel Sogl danielsogl
PRO
1
110
Running Swift without an OS
Avatar for Kishikawa Katsumi kishikawakatsumi
0
850
瑠璃の宝石に学ぶ技術の声の聴き方 / 【劇場版】アニメから得た学びを発表会2026 #エンジニアニメ
Avatar for mazrean mazrean
0
280
実践CRDT
Avatar for tamadeveloper tamadeveloper
0
590
煩雑なSkills管理をSoC（関心の分離）により解決する――関心を分離し、プロンプトを部品として育てるためのOSSを作った話 / Solving Complex Skills Management Through SoC (Separation of Concerns)
Avatar for nrs nrslib
4
990
書籍「ユーザーストーリーマッピング」が私のバイブル
Avatar for asumikam asumikam
4
400
JOAI2026 1st solution - heron0519 -
Avatar for heron0519 heron0519
0
140
JAWS-UG横浜 #100 祝・第100回スペシャル AWS は VPC レスの時代へ
Avatar for maroon1st maroon1st
0
170
t *testing.T は どこからやってくるの？
Avatar for Kotaro Otaka otakakot
1
710
ドメインイベントでビジネスロジックを解きほぐす #phpcon_odawara
Avatar for Takuma Kajikawa kajitack
3
790
セグメントとターゲットを意識するプロポーザルの書き方 〜採択の鍵は、誰に刺すかを見極めるマーケティング戦略にある〜
Avatar for memory m3m0r7
PRO
0
580
Programming with a DJ Controller — not vibe coding
Avatar for seki at druby.org m_seki
3
150

Featured

See All Featured
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
680
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
130
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
180
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
270
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
970
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
180
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
64
54k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
160
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
120
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
120

Transcript

  1. F2e

  2. express att less stylus jade coffe-script uglify-js mocha mongoose connect

    jshint nib ejs csso

  3. SCSS

  4. Scss “style

  5. Stylus “Expressive,

  6. Less “The

  7. Syntax

  8. Syntax

  9. Syntax

  10. Syntax

  11. Scss <SUSY> http://compass-style.org/ http://susy.oddbird.net/ http://bourbon.io/ Foundation http://foundation.zurb.com/

  12. Stylus nib http://visionmedia.github.com/nib/ CSS3 extensions for Stylus

  13. Less VERYLESS http://veryless.org/ http://twitter.github.com/bootstrap/ http://wearekiss.com/simpless http://incident57.com/less/ Bootstrap

  14. Sass

  15. None

  16. Scss “Inspired

  17. Jade “influenced

  18. Domain-specific

  19. DSL

  20. New

  21. New

  22. New

  23. New

  24. New

  25. New

  26. New

  27. New

  28. New

  29. New

  30. New

  31. New

  32. New

  33. New

  34. New

  35. New

  36. New

  37. New

  38. New

  39. New

  40. Design－Responsive

  41. Design－Origami

  42. Design－Parallax

  43. Design－Grid

  44. Thanks. [email protected] blog: http://zhouqicf.com weibo: @zhouqicf github: http://zhouqicf.github.com