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

f2e @ 2012

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
360
Web App
Avatar for 周祺 zhouqicf
1
200
Web App开发
Avatar for 周祺 zhouqicf
4
290
Photoshop影像修饰艺术
Avatar for 周祺 zhouqicf
4
390
前端和视觉间的故事
Avatar for 周祺 zhouqicf
1
180
CSS模块化
Avatar for 周祺 zhouqicf
2
240
Chrome Extension
Avatar for 周祺 zhouqicf
1
390

Other Decks in Programming

See All in Programming
AI時代のPHPer生存戦略 ～「言語、もうなんでもよくない？」に本気で向き合う～
Avatar for viviON vivion
0
210
なぜ関数型プログラミングで「型」と「証明」が語られるのか #fp_matsuri
Avatar for Takuma Kajikawa kajitack
3
1.1k
PHP Application における Kubernetes 内 gRPC 通信
Avatar for Shin Ohno ganchiku
0
560
PHP初心者セッション2026　〜生成AIでは見えない裏側を知る：今だからLAMPを通して仕組みを学ぶ〜
Avatar for Hideo Kashioka kashioka
0
740
信頼性について考えてみる（SRE NEXT 2026 miniLT）
Avatar for hayama hayama17
0
230
今さら聞けない .NET CLI
Avatar for tkym htkym
0
150
エンジニアにデザインハーネスを 〜デザインプロセスを規定するためのハーネス〜 / Design harness from an engineer's perspective
Avatar for r-kagaya rkaga
2
1.8k
ITヒヤリハットを整理してみた ～ライフサイクルと原因から考える再発防止策～
Avatar for kouki.miura koukimiura
1
120
【やさしく解説 設計編 #0】DDDのコード、読めるのに分からない人へ
Avatar for HideyukiKitao panda728
PRO
2
290
改善しないと、タスクが回らない。 “てんこ盛りポジション” を引き継いだ情シスの、入社3ヶ月の業務改善録
Avatar for Kurumi Watabe krm963
0
230
AIエージェントで 変わるAndroid開発環境
Avatar for takahirom takahirom
2
740
Laravel Boostに学ぶ、AIにPHPを書かせる技術 〜OSSの実装から蒸留するエージェント制御の王道〜
Avatar for 武田 憲太郎 kentaroutakeda
3
560

Featured

See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.3k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
250
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
560
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
330
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
240
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
290
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.8k
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.2k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.6k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
640
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
310
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
1k

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