Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

f2e @ 2012

Avatar for 周祺 周祺
January 08, 2013
Programming
6
180

f2e @ 2012

2012前端的那些事

Avatar for 周祺

周祺

January 08, 2013
Tweet

More Decks by 周祺

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

Other Decks in Programming

See All in Programming
これならできる！個人開発のすゝめ
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
120
ローターアクトEクラブ アメリカンナイト：川端 柚菜 氏（Japan O.K. ローターアクトEクラブ 会長）:2720 Japan O.K. ロータリーEクラブ2025年12月1日卓話
Avatar for 2720 Japan O.K. ロータリーEクラブ 2720japanoke
0
740
Graviton と Nitro と私
Avatar for maroon1st maroon1st
0
130
堅牢なフロントエンドテスト基盤を構築するために行った取り組み
Avatar for Shogo Fukami shogo4131
8
2.5k
Microservices rules: What good looks like
Avatar for Chris Richardson cer
PRO
0
1.6k
The Art of Re-Architecture - Droidcon India 2025
Avatar for Sid Patil siddroid
0
120
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
160
モデル駆動設計をやってみよう ワークショップ開催報告(Modeling Forum2025) / model driven design workshop report
Avatar for haru860 haru860
0
280
Pythonではじめるオープンデータ分析〜書籍の紹介と書籍で紹介しきれなかった事例の紹介〜
Avatar for Ryo YOSHI welliving
2
450
ローカルLLMを⽤いてコード補完を⾏う VSCode拡張機能を作ってみた
Avatar for NearMeの技術発表資料です nearme_tech
PRO
0
130
Flutter On-device AI로 완성하는 오프라인 앱, 박제창 @DevFest INCHEON 2025
Avatar for JaiChangPark itsmedreamwalker
1
140
Rubyで鍛える仕組み化プロヂュース力
Avatar for muryoimpl muryoimpl
0
150

Featured

See All Featured
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
9
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
34
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
64
35k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
3k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
20
It's Worth the Effort
Avatar for 3n 3n
187
29k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
980
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.3k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
84

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