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

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
140
CSS模块化
Avatar for 周祺 zhouqicf
2
230
Chrome Extension
Avatar for 周祺 zhouqicf
1
350

Other Decks in Programming

See All in Programming
ソフトウェア設計の実践的な考え方
Avatar for 増田 亨 masuda220
PRO
3
420
Django Ninja による API 開発効率化とリプレースの実践
Avatar for Kashun Yoshida kashewnuts
0
900
株式会社 Sun terras カンパニーデック
Avatar for Sun terras.Inc sunterras
0
200
明日から始めるリファクタリング
Avatar for ryounasso ryounasso
0
110
monorepo の Go テストをはやくした〜い！~最小の依存解決への道のり~ / faster-testing-of-monorepos
Avatar for convto convto
2
310
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう！ #FEC余熱NIGHT
Avatar for Masayuki Izumi izumin5210
3
370
Breaking Up with Big ViewModels — Without Breaking Your Architecture (droidcon Berlin 2025)
Avatar for Stelios Frantzeskakis steliosf
PRO
1
300
Web技術を最大限活用してRAW画像を現像する / Developing RAW Images on the Web
Avatar for TOMIKAWA Sotaro ssssota
2
1.1k
dynamic!
Avatar for MOROHASHI Kyosuke moro
9
6.1k
Go言語の特性を活かした公式MCP SDKの設計
Avatar for hond hond0413
1
120
(Extension DC 2025) Actor境界を越える技術
Avatar for Himeshi teamhimeh
1
220
GitHub Actions × AWS OIDC連携の仕組みと経緯を理解する
Avatar for Itaru Ota ota1022
0
240

Featured

See All Featured
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
890
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
9
570
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
It's Worth the Effort
Avatar for 3n 3n
187
28k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
610
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
368
20k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
209
24k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
460k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
188
55k

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