在Javascript的 开发过程中,经常会遇到一些重复性的任务,比如合并文件、压缩代码、检查语法错误、将Sass代码转成CSS代码等等。通 常,我们需要使用不同的工具,来完成不同的任务,既重复劳动又非常耗时。Grunt就是为了解决这个问题而发明的工具,可以帮助我们自动管理和运行各种任务。sudo ...
分类:
其他好文 时间:
2015-02-25 16:48:52
阅读次数:
177
众所周知,写CSS是一个无聊加无聊的事情,各种重复的代码,代码臃肿。这时Less诞生了,Less是一个CSS编译器,方便前端人员更高效的写CSS(当然还有Sass,这个以后说)。很多人被Less环境搞的死去活来,其实不需要,下载koala软件就行了(http://koala-app.com/inde...
分类:
其他好文 时间:
2015-02-21 14:18:27
阅读次数:
161
作为CSS的一种扩展,Less不仅完全兼容CSS语法,而且连新增的特性也是使用CSS语法。这样的设计使得学习Less很轻松,而且你可以在任何时候回退到CSS。用less来控制样式,更加的方便,写好的less代码,可以通过编译生成css,这是对css非常强大的扩展,让我们写起代码时,更加的顺畅..
分类:
其他好文 时间:
2015-02-15 23:14:22
阅读次数:
619
作为一个CSS预处理器,[Sass](http://sass-lang.com/)正受到越来越多的青睐,诸如Github、Codepen、CSS-Tricks、SitePoint、w3cplus等网站采用Sass组织、管理CSS文件,Sass正在逐渐成为事实上的CSS预处理器**行业标准**。接下来几篇文章,我们来研读下Sass中的关键功能,今天来看map,大家不妨一坐,精彩内容马上呈现。...
分类:
其他好文 时间:
2015-02-15 12:13:04
阅读次数:
253
场景: 想安装SASS的时候,打开cmd,输入gem install sass的时候却出现了: ERROR: Could not find a valid gem 'sass' (>= 0), here is why: Unable to download data from .... ...
分类:
其他好文 时间:
2015-02-15 08:18:57
阅读次数:
679
在线转换器 http://sassmeister.com/http://www.ruanyifeng.com/blog/2012/06/sass.html一、什么是SASSSASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。本文总结了SA...
分类:
其他好文 时间:
2015-02-13 17:58:40
阅读次数:
130
CSS很美妙,能够为您的页面床上衣裳,各种各样五彩斑斓的衣裳,但是对于开发者来说,他又不够灵动,于是乎有了各种各样的预处理器Sass、LESS、Stylus(笔者建议Sass的SCSS语法),这些预处理器可以很大程度的提高CSS的灵活性,增强CSS的代码组织与维护。但是毕竟不是亲生的,然后负责CSS开发的那些大牛们坐不住了,开始给CSS赋予一些新的特性,本文就来探讨下CSS变量的进展与应用。...
分类:
Web程序 时间:
2015-02-12 10:47:12
阅读次数:
201
Gulp入门基础教程原文在此 前言最近流行前端构建工具,苦于之前使用Grunt,代码很难阅读,现在出了Gulp,真是摆脱了痛苦。发现了一篇很好的Gulp英文教程,整理翻译给大家看看。为什么使用GulpGulp基于Node.js的前端构建工具,通过Gulp的插件可以实现前端代码的编译(sass、le....
分类:
其他好文 时间:
2015-02-12 00:33:13
阅读次数:
493
1.首先需要安装node+npm(这里不再叙述,网上教程一大堆)2.gulp全局安装:npm install -g gulp3.cd进入到你的项目目录,这里使用demo文件夹为我的示例项目4.在demo项目中新建dist和src两个文件夹,再在src文件夹下新建images,sass,js三个文件夹...
分类:
其他好文 时间:
2015-02-11 14:30:54
阅读次数:
324
SpaceBase 是一个基于 Sass 的响应式 CSS 框架。SpaceBase 是可以在建立和定制您的需要的一个样板层,它结合最佳实践为今天的响应式网页与我们对每一个项目中使用的核心组件。
分类:
Web程序 时间:
2015-02-10 14:40:14
阅读次数:
191