10大Google Font流行字体，你值得拥有
目前一提到Google Font，大家的第一反应是：用不了，无法加载等等。其实简单改下域名即可用，比如：http://fonts.googleapis.com/css?family=Lato改成http://fonts.useso.com/css?family=Lato就可以加载了。然后如下调用即可：<link rel="stylesheet" type="...
Home » 前端集合
如何为WebStorm设置SASS的File Watchers？
Webstorm是一个很牛叉的IDE，现在工作每天都是用它了。最近开始用SASS，LESS等来写CSS，而在Webstorm中，它自带一个File Watchers功能，设置一下，即可实时编译SASS，LESS等。LESS的实时编译很简单，在node平台安装一下即可。而在折腾SASS在Webstorm上的实时编译时，花了我一点时间。因为按照网上的教程设置都不成功，最后自己把设置改来改去终于折...
利用Grunt, 把我们从前端切图拼图中解放出来
前端有一项重要的工作就是切图, 然后把图标拼成sprite, 在目前这个node.js, grunt满天飞的年代, 还手工拼图, 也太out了吧.想办法把我们从繁复的工作中解脱出来, 利用工具更有效率的工作, 也是前端的一项重要工作嘛.今天我们要介绍下grunt-css-sprite这个package.具体如何操作呢?1.假设你目录结构是这样的----src --------js -----...
禁用EDM在IOS设备中的蓝色链接
大家新年好啊. 春节过后的第一篇文章来了.今天讲讲在春节前碰到的一个问题: EDM的某些词组在IOS设备中会被自动加上蓝色链接.一. 不请自来的自动蓝色链接你或许已经注意到了:在IOS设备的邮件客户端中, 如果你的EDM如果包含电话号码, 地址, 日期, 它们会自动被加上蓝色下划线链接.二. 尝试各种解决方案1. 使用META TAGS在制作手机页面的时候, 我们一般会加上一个meta, 目...
CSS3 Flex学习
CSS3的Flex属性是一个非常有用的布局方式.一. 它的作用如果元素容器没有足够的空间，我们无需计算每个元素的宽度，就可以设置他们在同一行；可以快速让他们布局在一列；可以方便让他们对齐容器的左、右、中间等；无需修改结构就可以改变他们的显示顺序；如果元素容器设置百分比和视窗大小改变，不用提心未指定元素的确切宽度而破坏布局，因为容器中的每个子元素都可以自动分配容器的宽度或高度的比例。二. 它的...
