纯 CSS 实现 UI 组件的触发
在实现 UI 组件的时候，有时候需要借助 JavaScript 实现状态触发，例如 Dropdown，Dialog。在我自用的 Material UI 库中，之前是借助 Stimulus 框架实现的，它的 HTML 内容是这样：
macOS 全键盘导航
我不是键盘狂热者，只是个人是比较偏向于全键盘操作，至于鼠标键盘之间的效率问题，某些方面讲也是仁者见仁，智者见智的，推荐一下这篇文章： 使用鼠标可以提升编程效率吗? | NIL。我认为键盘操作比起鼠标操作更能容忍高延迟的屏幕显示，也认可光标到达目标控件前的移动距离确实低效。不...
GeekNote 一周年，网站定位和新设计
转眼间，GeekNote 已经开放一周年了。在这一年间，网站获得了 935 名注册用户和 264 篇发表的文章。
nohup 启动自动断掉，页面无法访问
nohup启动后端和前端项目，页面过一段会突然502了，解决方法是用nohup启动后，需要再执行exit退出当前控制台
我学到的HTML(3）
2022年6月18日——2022年6月26日 制作404 page、About Page、Single Post页面 斜体标签： 1、“i”标签，语法为<i>斜体</i>，i标签定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本； 2、“em”标签，语法为<em>...
好工具周刊（第 17 期）: Git History, Arya, DiceBear Avatars, GitHub Card, Griddy, ...
发现并分享有趣，有创意，免费、好用的工具，每周四发布。由 BestXTools 创作。
AllowedIPs calculator for split tunnel and firewall rules
https://www.procustodibus.com/blog/2021/03/wireguard-allowedips-calculator/
再见了，Atom
前天惊闻 GitHub 宣布将于年底封存 Atom 编辑器，也就是正式放弃了这个项目，我一时间思绪万千。
我学到的HTML（2）
·a元素实现网页内部跳转 创建内部链接，要将链接的href属性值设置为一个哈希符号"#"加上要内部链接的元素id,同时要将id属性加到链接的元素（id值在一个页面中唯一）。 target="_self",在原页面打开链接； target="_blank",在新页面打开链接，...
好工具周刊（第 16 期）: JSON Hero, ASCII Art Paint, Puzzle maker, 今天我们来做菜, Tweetlet, ...
发现并分享有趣，有创意，免费、好用的工具，每周四发布。由 BestXTools 创作。
我学到的HTML（1）
2022年6月1日——2022年6月4日 响应式网页设计 HTML(超文本标记语言)用于创建内容 CSS（级联样式表）用于样式设计 HTML: <h1>开始标签 </h1>结束标签 h1 主标题 h2 副标题 h3,h4,h5,h6... p元素，段落文本的首选元素(p...
Propshaft 简介
有留意 Rails 更新的人应该会注意到，Rails 7 新增了一个组件选项 Propshaft。
解决 Rails 7 下 Sass 引用 Font Awesome 的问题
Rails 7 引入了新的前端方案 CSS/JS bundling，让开发者更容易选择适合自己的打包工具。不过新方案要求开发者对 Assets Pipeline 的工作原理有更深的了解，不然会出现各种状况。
好工具周刊（第 15 期）: GitHub Profile Header Generator, Curl UI, Instant Domain Search, Domcomp, 多地 ping、网络延迟测试, 巴别英语, DAREBEE
发现并分享有趣，有创意，免费、好用的工具，每周四发布。由 BestXTools 创作。
tt-focus: 专门为了帮助集中注意力而设计的命令行时间记录器
Command-line time tracker to help focus.
好工具周刊（第 14 期）: GitHub Profile Page Creator, CodeCaptcha, Q.Link, ASCII banners
发现并分享有趣，有创意，免费、好用的工具，每周四发布。由 BestXTools 创作。
好工具周刊（第 13 期）: uiverse.io, Neumorphism, cssbuttons, AutoDraw, 网名在线生成器, ...
发现并分享有趣，有创意，免费、好用的工具，每周四发布。由 BestXTools 创作。