hdwills

grunt-spritesmith 使用笔记

好久以前介绍了 利用 Compass 生成 Sprite 图片,后来在使用中也表现良好,后来对于 retina 屏幕做适配,发现其并不能满足需求,尝试了一番工具之后,找到这个工具。在一番适配之后,发现能满足目前的需求,状况还不错。

其实在长期使用 Grunt 之后,发现这些类似的构建工具的确能够帮我处理很多繁琐的任务,但是前期的学习成本对我来说还是有的。而且对于这些工具,一旦有适合你需求的插件,那......

推荐阅读:关于前端开发的行业现状和发展分析

我年后重新换了工作,年前的公司因为资金原因导致项目终止,纯属无奈啊。只好再次踏上求职之路,好的是这次找工作已经有了相应的经验,比两年前轻松了许多,但是从业经验增多伴随的也是用人单位对你个人的要求也变高。除了该有的专业技能之外就是个人的互联网从业经验和对产品的参与感,对团队的融入感等。面过几次之后就选择了目前就职的这家公司,项目领导是前领导,一方面是对于项目的认同,一方面是对公司的信任,希望在我们这......

Compass Sprite

相信大家在前端开发这条路不归路上,都为此头疼过,干这件事情不仅费时费力还费眼睛,各种辅助线打上、网格划上,处处精确到像素级别,长期下来想必大家也都有像素对齐强迫症了,唉……说多了都是泪。那就是今天的主角 - 雪碧图(image spriting),至于他的介绍,他的好,他的工作原理也就不必多说了。

不过今天要介绍的新东西,或许能然你不在重操这些枯燥无味的动作,简单配置之后,一切就那么随意的,先放......

Grunt - LiveReload页面自动刷新

在整理这篇文章的时候,默默的看了下键盘上的F5,是不是闪闪发亮,油头粉面的。和他一样的当然也少不了 ctrl alt s。因为传统的流程就是编辑器里 codding,ctrl+s,浏览器里 F5 刷新浏览,即使是你熟练于心、一气呵成。但是当你使用了自动刷新之后再配上强大的编辑器,剩下的只是专心 codding 了,若是配备双屏显示器,那效率绝对成倍成直线飙升。

先介绍下要用到的插件,具体安装就不......

Grunt - imagemin图像压缩

项目前端构建部分引入了 Grunt,便于各项处理任务的自动化管理和运行,重复性的任务都交给工具去完成,代码编译、规范校验、单元测试等,一次配置终生受用!他会按照你预先设定好的顺序自动执行各个任务。

关于 Grunt 的前世今生我就不做介绍了,这里只做使用介绍,也是项目开发中的部分经验积累和记录。

项目上线前,都要对网站进行各项测试,前端这部分我们首要考虑的是对图片的压缩,因为我用 PageSp......