建这个站的目的是发些动态，保存一些自己用的东西，顺便做些资源分享，技术交流，吐槽等。本站并非正经的资源分享站，站长极其佛系，分享的东西也基本都是站长正在用的或者是测试过的。站长经常会用本站做一些奇怪的测试，如果发现网站变得不正常，这很正常！为啥叫野路子？我...

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

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

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

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

css阶梯函数steps()是animation-timing-function属性的另一种函数值，以帧的方式过渡，可形成定格动画。语法：animation-timing-function:steps(number,[end|start])参数说...

为数字设置font-feature-settings:"tnum"，可以让数字等宽显示，从而避免数字变化时的抖动。比如某些手机的系统字体竟然不等宽！！！别看了，说的就是你，MiSans！！！<!doctypehtml>&...