Github webhook自动发布代码

平时本地写的一些代码,总是要手动扔到自己的服务器上感觉好麻烦。因为项目代码放在github,试一下用webhook自动发布。

git

服务器安装git

yum install git

......

flexbox

.demo .wrap {

display: flex;

height: 80px;

padding: 5px;

margin-bottom: 10px;

background: #fafcfd;

}......

Mac 视频转gif格式

Mac上录屏可以直接使用QuickTime的屏幕录制功能,之后一般是转成gif格式使用。早些时候还导入到ps里处理,- - 现在想着觉得好费劲。

Giphy

在线处理,可以上传视频......

CSS scroll-snap

移动端页面常用的一种滚动效果,一般是使用JavaScript,但是也可以使用CSS的scroll-snap来实现。

Scroll Snap

scroll-snap-type: none | [ x......

指定代码不使用lint

ESlint

可以给文件添加/* eslint-disable */,或者对某块代码禁用警告

/* eslint-disable */

alert(1);

/* eslint-enable */......

SVG形变动画的两种实现方式

原文:

作者:

本文是对SVG图形变换的两种实现方法的探索和对比。

我们将使用下面两个图形,并实现它们之间的平滑转换。

图形的代码:

<svg id=&qu......