关于本站

建这个站的目的是发些动态,保存一些自己用的东西,顺便做些资源分享,技术交流,吐槽等。本站并非正经的资源分享站,站长极其佛系,分享的东西也基本都是站长正在用的或者是测试过的。站长经常会用本站做一些奇怪的测试,如果发现网站变得不正常,这很正常!企鹅:3939...
关于本站

分享一枚 360 壁纸的 API ( 最新版 )

上回书说到最近一直在折腾gebilaoli.com这个站点最初的时候网站背景用的是Bing每日壁纸,后来发现360浏览器里的壁纸相当不错,于是就改用360壁纸了废话不多说,直接上链接https://mini.browser.360.cn/n...
分享一枚 360 壁纸的 API ( 最新版 )

网站使用APlayer+MetingJS实现音乐播放 刷新页面保持音乐播放进度

最近一直在瞎折腾gebilaoli.com这个站点,前几天有突然想给他加个在线播放音乐的功能。于是想到了APlayer。APlayer是一个简约且漂亮的HTML5音乐播放器,支持多种模式,包括播放列表模式、吸底模式。使用也很简单,只需要在页面内加上相关代码...

ttf 转换 woff2 工具, woff2 ttf 互转

最近在做主题的时候把HarmonyOSSans字体嵌到了里面,但是中文字包体积实在是太大,一个HarmonyOS_Sans_SC_Regular字体达到了7.87M。于是想到了通过将ttf格式字体转换为woff2格式来减少体积。woff...
ttf 转换 woff2 工具, woff2 ttf 互转

CSS 使用 font-weigh 根据粗细程度选择不同的字体

看到这个标题,有人第一反应可能是font-weigh不就是是控制字体粗细的吗?为什么要选择不同字体包?因为很多字体不包含粗细级别,设置font-weight是无效的!我们来看下面这个例子使用同一个字体,font-weight分别设置为600、500、40...
CSS 使用 font-weigh 根据粗细程度选择不同的字体

使用 CSS 的 steps() 动画让哥哥动起来,🐔🍐🌞🍓

css阶梯函数steps()是animation-timing-function属性的另一种函数值,以帧的方式过渡,可形成定格动画。语法:animation-timing-function:steps(number,[end|start])参数说...
使用 CSS 的 steps() 动画让哥哥动起来,🐔🍐🌞🍓
作死升级了Z-Blog1.7.3.3200 (Beta)版本,猪这次发挥不太稳定,竟然没出什么问题😂😂😂
羊村度假第四天,头晕咳嗽,要在羊村跨年了~~😫😫😫
羊了~~ 1年前

CSS 文字等宽显示,避免数字变化时的抖动

为数字设置font-feature-settings:"tnum",可以让数字等宽显示,从而避免数字变化时的抖动。比如某些手机的系统字体竟然不等宽!!!别看了,说的就是你,MiSans!!!<!doctypehtml>&...
CSS 文字等宽显示,避免数字变化时的抖动
如何禁止控制台输出log?JS代码中加入console.log = function () {} console.error = function () {}
Top