- 博客(11)
- 资源 (10)
- 收藏
- 关注
原创 为视图添加丝滑的水波纹
由于前段时间发现自己在Github上的这份代码被简书上某用户直接拷贝来发表了,而又并没有注明代码出处,于是决定还是自己着手写一篇好了。先看一下最终效果图:首先我们可以把如此丝滑的水波纹拆分一下下:一条规律的曲线。曲线匀速向右移动。曲线下方的位置用颜色填充。于是先来一条曲线吧。对于需要产生波动如此规律的曲线,我们首先想到...
2016-10-12 23:42:15
67
原创 Mac 前端开发,兼容 IE 测试方法总结
愿去往天堂的路上没有IE.1.第三方工具网上相关工具可以提供查看效果https://www.browserstack.com/test-in-internet-explorerhttp://browsershots.org/ 收费大部分是国外网站,打开...
2016-07-20 02:04:19
156
原创 30 分钟 git 命令入门到放弃
这是一篇给像我这样的新手或者是熟悉图形工具的老鸟看的。仅作为快速入门的教程。git 现在的火爆程度非同一般,它被广泛地用在大型开源项目,团队开发,以及独立开发者,甚至学生之中。初学者非常容易被各种命令,参数吓哭。但实际上刚上手你并不需要了解所有命令的用途。你可以从掌握一些简单,强大...
2016-06-27 01:24:26
75
原创 在 Laravel 中使用 vue(二)
上篇介绍了vue,以及在如何 Laravel 快速搭建vue环境。 这篇讲如何在 Laravel 中更深入使用Vue。预处理vue还支持使用预处理工具,比如jade, sass等等。假设使用Stylus, Jade,那就npm install 一下呗npm ins...
2016-06-09 12:54:09
75
原创 漫谈 SMACSS
SMACSS (Scalable and Modular Architecture for CSS)发音同“smacks”,它不是框架,不是库。它只是一种组织CSS代码的方法论(或者说是为了让代码可扩展,易维护的一套规范,它会使团队开发更容易)。每个人看世界的角度不同,方法论因人而异,所以这套玩意儿不一定适合你。 CSS分类 ...
2016-02-06 00:02:49
119
原创 纯CSS实现Dribbble动画之两把刷子
自从Chrome转了个 Panda 插件,每次打开浏览器都能看到很多优秀设计师的作品。 无论如何,多接触点设计还是好的。今天看到这个,感觉挺不错,实现起来也不难。于是花了点时间折腾了一下。(实际上挺大点的,主要时间花在动画调整,同步,使用em单位)卡顿是因为录制软件的问题~至于代码,有兴趣的,你可以看看我放在CodePen上的演示。喜欢的话,欢迎Star。晚安。See the Pe...
2016-01-09 02:09:25
59
原创 Node 中 module.exports 和 exports 的区别
Node编译过程在Node的每个文件模块中都存在这require,exports,module这几个变量,我们可以直接使用,但是看不到它的声明?为什么?事实上,Node对获取来的JavaScript进行了头尾包装,一个正常的模块会包装成这样:// gulpfile.jsvar gul...
2016-01-05 10:25:46
44
原创 前端小技巧 - 用emoji做切换按钮
2015年,emoji里的Face with Tears of Joy被选进了年度,那么,我们就用这个表情来做一个按钮切换样例,拒绝枯燥无聊的checkbox。我们知道使用的for属性可以绑定checkbox的选择框,可以来回切换选择和不选择。现在,结合css中的选择器:checke...
2015-12-31 13:57:18
103
原创 [译] 前端绘制图形的几种方式
这篇文章我大概地列举了一些创建各种形状的常见方式,并记下每种方式的优势与不足。border-radiusborder-radius可能是创建圆形最简单的方式了,比如:.element { height: 500px; width: 500px; border-radius: ...
2015-12-30 09:53:14
136
原创 基于 Sass 使用面向对象 CSS
本文为全文翻译,原文链接,请看文章底部。 Nicole Sullivan 在08年的 Web Directions North上第一次提出了OOCSS这个词,如今已成为组织主流的CSS模块化系统之一。 OOCSS与其他CSS方法论(比如SMACSS,BEM)不同。它们的主要目的是通过把css风格转成可重用的模块化代码,以便从结构中分离出内...
2015-12-13 10:45:35
89
原创 使用 Sass 之更高级的媒体查询
之前一直使用Hugo Giraudel提供的方法来写媒体查询。 大概是这样的: 先定义一系列断点, $breakpoints: ( 'xs': 'only screen and ( min-width: 480px)', 'sm': ...
2015-12-02 12:11:00
73
cocos2dx简单实现TabBarView功能
2015-01-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人