saber酱的抱枕

努力变强

02/28
05:47
ACG

画师 muku 作品介绍和下载

画师 muku 作品 萌 福利 萝莉 图片

昨天我看到了画师 muku 的作品,瞬间就被萌出血了!好多萌萌哒的小萝莉,画风又很精致,简直就是天堂!于是我搜集了很多 muku 的图片,整理了一番,发上来和大家分享。

muku 图包(度盘) 提取码:9w3j 解压密码:13579

muku 的相关页面:
Pixiv
Twitter
yande.re
Read More →

画师 muku 作品介绍和下载

02/26
04:03
学习

移动端使用 vw + rem 自适应布局

使用 rem 布局时,最关键的地方在于动态计算 rem 的值。比如设计稿 640px,我们预设 rem 为 100px。rem 是设计宽度的 15.625%(100 / 640 = 0.15625)。当设备宽度为 320px 的时候,rem 值应该按比例变成 50px。

以前当设备宽度变化时,我们要根据这个比例重新计算 rem 应该是多少,增加了额外的工作量。如果我们可以直接告诉浏览器,我的 rem 就是这个比例(页面宽度的 15.625%),你聪明一点自己算吧!这样不就省事了吗?没错,这就是 vw 单位。

vw 是视图宽度,1vw 相当于 1% 视图宽度(想象把页面宽度分成了 100 份)。所以上面的比例 15.625%,用 vw 就是 15.625vw。当页面宽度变大或者变小,rem 总是页面宽度的 15.625%。

html{
    font-size: 15.625vw;  // 要理解 vw 是个百分比单位
}
// 下面照常使用 rem 做单位

我们这么写就可以了,浏览器会自动计算出来 rem 的值,非常的方便。

如果你的设计稿和预设 rem 不是 640px、100px,那么只需要依据你的比例,修改 vw 值即可。
Read More →

移动端使用 vw + rem 自适应布局

02/22
01:33
ACG 游戏

打麻将真开心啊 +①

继上次国士无双役满之后,昨晚我又做出了大四喜双倍役满!

个位数播放的视频 →_→:av44292142

话说最近打麻将真是恶调,以前我多数时候是第一二名,最近一周开始基本全都是三四名。原来这就是运气守恒定律吗?我再也不打麻将了!→ 打麻将真开心啊!

打麻将真开心啊 +①

02/19
03:20
软件

一个 JavaScript 拾色器



DEMO:选取颜色可以改变网页的背景颜色。

我在网上找到了个 JavaScript 拾色器(原网址),觉得比较小巧方便,就花了一些时间对它进行修改和优化。

当我觉得已经搞完的时候,才醒悟过来这个拾色器没有灰度,无法选取灰色、黑色。这使它的实用性大打折扣,但这也是没办法的事。(原因下面再讲)

姑且放个下载吧(内附 demo 和使用说明):

colorPicker.js
Read More →

一个 JavaScript 拾色器

02/14
02:56
软件

使用 UnCSS 移除冗余的 CSS 规则

CSS 文件里出现冗余的规则是很常见的,比如我们引用了某个 UI 框架的 CSS 文件,里面包含了所有组件的样式规则。但是我们在一个页面里不可能用到所有的组件,那么用不到的规则就是冗余的,我们可以使用 NodeJS 的 UnCSS 包来去掉冗余的规则。

UnCSS GitHub 页面

首先安装 UnCSS:

npm install -g uncss

之后指定要分析的页面的 url,并设置输出的文件名:

uncss http://127.0.0.1:5500/index.html > styles.css

如上示例,UnCSS 会分析指定 url 的页面,提取所有被使用的 CSS 规则,保存到一个新的 CSS 文件里。非常快速便捷。

上面的示例是分析单个页面,我们也可以通过配置文件来让 UnCSS 批量处理多个页面。不过我还不清楚有没有分析整站的办法。

使用 UnCSS 移除冗余的 CSS 规则

02/13
06:29
软件

美桌网壁纸批量下载工具

美桌网壁纸批量下载工具

美桌网(http://www.win4000.com/)是一个壁纸图片网站,我想下载它的“二次元桌面壁纸”专题里的所有图片。但是这个专题有 5 个列表页,里面有 120 个图册,每个图册又有 8 张左右的图片,合起来有近千张图片。所以我写了个脚本用来自动抓取美桌网的壁纸图片网址。

该脚本可以在美桌网的任意列表页使用,就是图片列表底下有页码的:

美桌网壁纸批量下载工具

在列表页打开浏览器控制台,复制下面的脚本内容粘贴进去,按 enter 执行。等执行完毕,会打开一个新窗口输出图片网址。
Read More →

美桌网壁纸批量下载工具