Long-Island-优快云博客

原创解放生产力，CSS3帧动画工具

由于CSS效果中用到帧动画时，设计师制作过程中合图过程繁琐，一旦改变动画，需要重新合图；动画百分比+图片位置计算繁琐，加减动画的帧数需要重新计算；沟通成本高，有时候设计师发现输出的动画跟在AE看到的有差别，需要修改动画时间等进行调试。基于以上，雪碧图工具+帧动画工具就这么诞生了！无需手动合图！提高沟通效率！无需打码！调试方便！是这个工具的特点。雪碧图工具使用

2017-02-27 14:44:26 1282

原创使用Grunt 插件打包Electron Windows应用

最近利用Electron来创建跨桌面应用的趋势似乎很火。看了几个用Electron开发的应用，这些应用在windows下面的安装方式，都是类似一个绿色软件的安装方法，下载.zip->解压到相应目录->进入文件夹点击exe使用。这种安装方法有两个缺点，第一，更新繁琐，用户需要删除之前的软件目录，下载新的软件，在跑一遍解压流程，不然电脑里面就会出现两个软件，不好区分。第二，安装之后无法自动创建快捷方式

2016-06-17 17:48:46 12461

原创 Electron实战：创建ELectron开发的window应用安装包

前言：研究electron自动更新的时候，在electron的官方文档auto-updater 中，提到了在几个平台mac，linux，windows下electron 的自动更新方法，其中windsow平台上面，文章中建议先用grunt-electron-installer 模块来创建windows安装包，grunt这个工具是由Squirrel集成的。进而了解下Squirrel这个工具，一

2016-05-05 15:51:11 37904 4

原创使用CORS 实现Ajax的另类跨域

自从HTML5利用CORS实现了跨域资源共享之后，无论是POST方式还是GET方式，我们都可以用ajax来跨域访问资源，但是我们要怎么用CORS，请看故事背景。故事背景：我们有一个PC网站ycg.qq.com（以下称为网站A），现在想急切开发一个移动端网站m.ycg.qq.com（称为网站B），静态稿跟前端已经完成，在不改原来服务器接口的前提下，网站B去网站A请求数据，这个时候，我们发现

2016-04-28 14:49:13 8671

翻译使用Squirrel创建基于Electron开发的Windows 应用安装包

我们把自己开发的Electron应用发布之前，需要把app打包成简单的安装包，这样app更容易被获取，以此来发布我们的应用。我们可以参考Wix或其他的安装程序，但是对于Electron应用更好的打包程序是Squirrel。毕竟某些著名的Visual Studio Code 和Slack 的客户端应用就是用这个框架来打包和更新的。现在我来告诉你怎么创建一个基于Electron的windows应用。

2016-04-28 14:47:19 13125 3