less

Practice of LESS店铺F2E 飞长 @非常长

12年3月9日星期五

WWW?


What Why When?


What is LESS?


Dynamic Stylesheet Language


Why?


• Client-Side suported

• IE(6+, Webkit, Firefox)

• Server-Side suported

• Node

• Rhino

• PHP

• !!!Powerful


When?


• Duplicated Modules

• Frequent Modification

• Insufficient Time

• Specific UI Requirement Third-party


Overview


Variables


Mixins


Nested Rules


Operations


Scope


Comments


Importing


Start Travel


Client-Side Use


Note:1. Service Environment2. If IIS, Please add mine type3. Append ‘#!watch’ to the URL

to Start Watch Mode


Server-Side Use


Commend-line Use


Develop Tools


Develop Share


IDE


Compiler


Debugging


Maintenance


Share


Who had used LESS?


Yours?


• LESS官网: http://lesscss.org

• LESS中国官网: http://lesscss.net

• LESS工具箱: http://online.lesscss.net

• Bootstrap: https://github.com/twitter/bootstrap

• LESSPHP: http://leafo.net/lessphp/

• Rhino: http://www.mozilla.org/rhino/

• webjs less: https://gist.github.com/1689060

• 旺旺群： 341986886


http://lesscss.org

http://lesscss.org

http://lesscss.net

http://lesscss.net

http://online.lesscss.net

http://online.lesscss.net

https://github.com/twitter/bootstrap

https://github.com/twitter/bootstrap

http://leafo.net/lessphp/

http://leafo.net/lessphp/

http://www.mozilla.org/rhino/

http://www.mozilla.org/rhino/

https://gist.github.com/1689060

https://gist.github.com/1689060

Q&A


Thanks店铺F2E 飞长 @非常长


less

Technology

line use1239

netlessphp rhino

suported node rhino

suported ie6

firefox server

watch mode1239

thanks f2e

comtwitterbootstrap