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
350
Web App
Avatar for 周祺 zhouqicf
1
180
Web App开发
Avatar for 周祺 zhouqicf
4
270
Photoshop影像修饰艺术
Avatar for 周祺 zhouqicf
4
380
前端和视觉间的故事
Avatar for 周祺 zhouqicf
1
170
CSS模块化
Avatar for 周祺 zhouqicf
2
240
Chrome Extension
Avatar for 周祺 zhouqicf
1
380

Other Decks in Programming

See All in Programming
3Dシーンの圧縮
Avatar for Fadis fadis
1
600
ユニットテストの先へ：テスト技法で要求・仕様を整理するJava開発実践 / Beyond_Unit_Testing_Practical_Java_Development_Techniques_for_Organizing_Requirements_and_Specifications
Avatar for SHIMANE, Yoshikazu shimashima35
0
350
Inside Stream API
Avatar for Yuichi.Sakuraba skrb
1
630
肥大化するレガシーコードに立ち向かうためのインターフェース分離と依存の逆転 / JJUG CCC 2026 Spring
Avatar for hirokuni-maeta hirokunimaeta
0
490
技術記事、AIに書かせるか、自分で書くか？ 〜それでも私が自分の手で書く理由〜 / #QiitaConference
Avatar for Junichi Ito jnchito
2
1.3k
TypeScript+Orvalで実現する型安全かつ堅牢でスケーラブルなマルチチャネル通知基盤 / TSKaigi Night talks ~after conference~
Avatar for doriven d0riven
0
260
決定論的オーケストレーションの設計と実装 / Design and Implementation of Deterministic Orchestration
Avatar for nrs nrslib
3
970
気づいたらRubyで100作品 ー クリエイティブコーディングが生活の一部になるまで / 100 Ruby Sketches Later: How Creative Coding Became Part of My Life
Avatar for chobishiba chobishiba
3
540
正しくソフトウェアを作る、前提を疑うための認知の視点 / doubt-premise
Avatar for MinoDriven minodriven
17
5.8k
Composerを使ったサプライチェーン攻撃の様子を眺めてみる #phpstudy
Avatar for hideki kinjyo o0h
PRO
2
220
OSもどきOS
Avatar for Sora Arakawa arkw
0
400
生成AI時代にこそ効くGo | Why Go Works in the Age of Generative AI
Avatar for mom0tomo mom0tomo
8
3.1k

Featured

See All Featured
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
1.1k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
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
190
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
340
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
190
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
1.1k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.6k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
250
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
130

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