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

f2e @ 2012

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

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

Other Decks in Programming

See All in Programming
Javaのルールをねじ曲げろ！禁断の操作とその代償から学ぶメタプログラミング入門 / A Guide to Metaprogramming: Lessons from Forbidden Techniques and Their Price
Avatar for nrs nrslib
3
1.9k
Webからモバイルへ Vue.js × Capacitor 活用事例
Avatar for Naoki Haba naokihaba
0
420
カクヨムAndroidアプリのリブート
Avatar for Nabe numeroanddev
0
360
FormFlow - Build Stunning Multistep Forms
Avatar for Yonel Ceruto González yceruto
1
120
Spring gRPC で始める gRPC 入門 / Introduction to gRPC with Spring gRPC
Avatar for mackey0225 mackey0225
2
450
Babylon.js 8.0のアプデ情報を 軽率にキャッチアップ / catch-up-babylonjs-8
Avatar for にー兄さん drumath2237
0
120
KotlinConf 2025 現地で感じたServer-Side Kotlin
Avatar for Takehata Naoto n_takehata
1
140
Enterprise Web App. Development (2): Version Control Tool Training Ver. 5.1
Avatar for Koichi NAKAGAWA knakagawa
1
110
Parallel::Pipesの紹介
Avatar for Shoichi Kaji skaji
2
900
〜可視化からアクセス制御まで〜 BigQuery×Looker Studioで コスト管理とデータソース認証制御する方法
Avatar for CUEBiC Inc. cuebic9bic
3
310
事業戦略を理解してソフトウェアを設計する
Avatar for 増田 亨 masuda220
PRO
21
5.7k
REST API設計の実践 – ベストプラクティスとその落とし穴
Avatar for 武田 憲太郎 kentaroutakeda
2
350

Featured

See All Featured
Navigating Team Friction
Avatar for Lara Hogan lara
186
15k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
30
980
Code Review Best Practice
Avatar for Trisha Gee trishagee
68
18k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.5k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
106
19k
Scaling GitHub
Avatar for Zach Holman holman
459
140k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.8k
It's Worth the Effort
Avatar for 3n 3n
184
28k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
47
2.8k

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