前言最近流行前端构建工具，苦于之前使用Grunt，代码很难阅读，现在出了Gulp，真是摆脱了痛苦。发现了一篇很好的Gulp英文教程，整理翻译给大家看看。为什么使用GulpGulp基于Node.js的前端构建工具，通过Gulp的插件可以实现前端代码的编译（sass、less）、压缩、测试；图片的压缩；...
分类：
其他好文 时间：
2015-08-11 20:55:32
阅读次数：
822
之前曾经安装过一次sass，不过可惜没使用，现在换了电脑重新安装，又上网找了些资料，终于安装成功，现在就当做个记录方便下次安装。首先到官网下载个最新版的ruby ：http://rubyinstaller.org/downloads 目前最新的稳定版是2.2.2。下载完成后就是安装了，不过记得选择勾...
分类：
其他好文 时间：
2015-08-10 19:44:41
阅读次数：
198
方法1,在rubymine下查找所有css,scss,sass,less,修改所有带font-family的内容,删除public文件夹下面的缓存css,查看效果.如body { background-color: #fff; color: #333; font-family: "Micros...
分类：
Web程序 时间：
2015-08-10 07:07:00
阅读次数：
478
以前都没有怎么接触过sass,之后看到一个大牛写的前端知识系统结构图中看到了css预编译处理器中看到了这个神奇的东西. 其实虽然之前没有怎么听说它,但是用过,你还真别不信,之前在网易实习的一个学长在和我一起写的...
分类：
其他好文 时间：
2015-08-08 21:30:32
阅读次数：
142
什么是 CSS 预处理器？定义：CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。通俗的说，“CSS 预处理器用一种专门的编程语言，进行 Web 页面样式设计，然后再编译成...
分类：
其他好文 时间：
2015-08-07 00:11:55
阅读次数：
147
20. FTPSync19. SASS Build18. Package Control17. Emmet16. SublimeLinter15. SublimeEnhancements14. PackageResourceViewer13. Git12. Terminal11. CSSComb10...
分类：
其他好文 时间：
2015-08-06 13:12:20
阅读次数：
114
一. Sass/Scss&Less是什么？
Sass (Syntactically Awesome Stylesheets)是一种动态样式语言，语法跟css一样(但多了些功能)，比css好写，而且更容易阅读。Sass语法类似与Haml，属于缩排语法（makeup），用意就是为了快速写Html和Css。
Less一种动态样式语言. 将CSS赋予了动态语言的特性，如变量，继承，运算， 函数. LESS...
分类：
其他好文 时间：
2015-08-05 22:16:01
阅读次数：
152
1、Sublime Text的插件如果想让Sublime Text锦上添花，这些插件值得尝试。FTPSync,FTP同步工具；SASS Build,编写CSS的预处理器；Package Control，插件管理；Emmet,高效编写HTML和CSS；SublimeLinter，更新时选择并安装需要经...
分类：
其他好文 时间：
2015-08-05 20:12:26
阅读次数：
145
請注意：在進行以下步驟前，你會需要先安裝git，可以參考這篇 git安裝教學前言時至今日，幾乎每個人都在討論bootstrap、less 或 sass。我們知道它們是比較新的前端技術，而且有開始愈來愈流流行的趨勢，但是到底要怎麼使用它們?想像一下我們現在有個新的專案會需要使用到 bootstrap，...
所有功能前提需要安装nodejs（本人安装版本v0.10.26）和ruby（本人安装版本1.9.3p484）。Gulp 是一款基于任务的设计模式的自动化工具，通过插件的配合解决全套前端解决方案，如静态页面压缩、图片压缩、JS合并、SASS同步编译并压缩CSS、服务器控制客户端同步刷新。Gulp安装全...
分类：
其他好文 时间：
2015-08-05 00:38:34
阅读次数：
1684
