「已注销」-CSDN博客

原创为视图添加丝滑的水波纹

由于前段时间发现自己在Github上的这份代码被简书上某用户直接拷贝来发表了，而又并没有注明代码出处，于是决定还是自己着手写一篇好了。先看一下最终效果图：首先我们可以把如此丝滑的水波纹拆分一下下：一条规律的曲线。曲线匀速向右移动。曲线下方的位置用颜色填充。于是先来一条曲线吧。对于需要产生波动如此规律的曲线，我们首先想到...

2016-10-12 23:42:15 60

原创 Mac 前端开发，兼容 IE 测试方法总结

愿去往天堂的路上没有IE.1.第三方工具网上相关工具可以提供查看效果https://www.browserstack.com/test-in-internet-explorerhttp://browsershots.org/ 收费大部分是国外网站，打开...

2016-07-20 02:04:19 124

原创 30 分钟 git 命令入门到放弃

这是一篇给像我这样的新手或者是熟悉图形工具的老鸟看的。仅作为快速入门的教程。git 现在的火爆程度非同一般，它被广泛地用在大型开源项目，团队开发，以及独立开发者，甚至学生之中。初学者非常容易被各种命令，参数吓哭。但实际上刚上手你并不需要了解所有命令的用途。你可以从掌握一些简单，强大...

2016-06-27 01:24:26 62

原创在 Laravel 中使用 vue（二）

上篇介绍了vue,以及在如何 Laravel 快速搭建vue环境。这篇讲如何在 Laravel 中更深入使用Vue。预处理vue还支持使用预处理工具，比如jade, sass等等。假设使用Stylus, Jade，那就npm install 一下呗npm ins...

2016-06-09 12:54:09 61

原创漫谈 SMACSS

SMACSS (Scalable and Modular Architecture for CSS)发音同“smacks”，它不是框架，不是库。它只是一种组织CSS代码的方法论(或者说是为了让代码可扩展，易维护的一套规范，它会使团队开发更容易)。每个人看世界的角度不同，方法论因人而异，所以这套玩意儿不一定适合你。 CSS分类 ...

2016-02-06 00:02:49 98

原创纯CSS实现Dribbble动画之两把刷子

自从Chrome转了个 Panda 插件，每次打开浏览器都能看到很多优秀设计师的作品。无论如何，多接触点设计还是好的。今天看到这个，感觉挺不错，实现起来也不难。于是花了点时间折腾了一下。(实际上挺大点的，主要时间花在动画调整，同步，使用em单位)卡顿是因为录制软件的问题~至于代码，有兴趣的，你可以看看我放在CodePen上的演示。喜欢的话，欢迎Star。晚安。See the Pe...

2016-01-09 02:09:25 47

原创 Node 中 module.exports 和 exports 的区别

Node编译过程在Node的每个文件模块中都存在这require，exports，module这几个变量，我们可以直接使用，但是看不到它的声明？为什么？事实上，Node对获取来的JavaScript进行了头尾包装，一个正常的模块会包装成这样：// gulpfile.jsvar gul...

2016-01-05 10:25:46 37

原创前端小技巧 - 用emoji做切换按钮

2015年，emoji里的Face with Tears of Joy被选进了年度，那么，我们就用这个表情来做一个按钮切换样例，拒绝枯燥无聊的checkbox。我们知道使用的for属性可以绑定checkbox的选择框，可以来回切换选择和不选择。现在，结合css中的选择器:checke...

2015-12-31 13:57:18 93

原创 [译] 前端绘制图形的几种方式

这篇文章我大概地列举了一些创建各种形状的常见方式，并记下每种方式的优势与不足。border-radiusborder-radius可能是创建圆形最简单的方式了，比如：.element { height: 500px; width: 500px; border-radius: ...

2015-12-30 09:53:14 120

原创基于 Sass 使用面向对象 CSS

本文为全文翻译，原文链接，请看文章底部。 Nicole Sullivan 在08年的 Web Directions North上第一次提出了OOCSS这个词，如今已成为组织主流的CSS模块化系统之一。 OOCSS与其他CSS方法论(比如SMACSS，BEM)不同。它们的主要目的是通过把css风格转成可重用的模块化代码，以便从结构中分离出内...

2015-12-13 10:45:35 78