2021.05.02
CSS 超出文本显示省略号与检测截断方法
遇到了一个需求：一段文本为文件名，当触发超出文本时，显示后缀在最后。即[我是一个名字很长的....pdf] 如何实现呢？
2021.04.25
两个 git clone 小技巧
`-b develop --single-branch` 和 `--depth=1`
2021.03.28
SaaS 系统 Landing Page 设计的两种策略
你是一个“设计师”，在做一个 SaaS 系统，希望通过 Landing Page 来增加用户注册量，设计了一个充满心思与华丽视觉的页面，希望用户能够在看到这样的页面后，能够被其吸引，注册、付费... ...
但是，请注意，不要陷入自嗨，不要...
2021.02.25
软件工程师的一天
软件工程师的一“生”？误。一天 👨💻
2021.01.21
如何用 CSS 打造实力与颜值并存的网页滚动条
滚动条是网页可用性和可访问性的重要元素之一。你可以通过滚动条来知道页面的长度和当前所在位置。滚动条作为一种工具，应具有功能性：可见，适当大小且具有交互性。我们根据网页性质和大概的访问者属性，可以选择是否使用自定义滚动条，来在减少滚动条占用的...
2021.01.13
从分享者找到创作者
分享者与创作者同样重要。
从你认可的人那里去获得更多好的信息。一个人的创作的内容往往是有限的，但是「分享」使得创作发挥更大的价值。如果你没有机会直接找到创作者，找到你认可的正在分享他人内容的人也不错。通过他们可以帮你找到于你来说有价值的内容...
2020.12.30
2020 年回顾
你好，见字如面。对自己过去一年做一个回顾吧。
换工作
今年对所有人来说都是无比艰难的一年。疫情突然而至，打乱了原本平静的生活。而我也在居家办公的时期，有了一次不出家门换工作的体验。云离职，云入职，同样的“办公区”（我在客厅有一个独立的办公区...
2020.12.05
Slash - 一款使你「完成」的 Todo 应用
Get more done than ever before
---- From Slash homepage
我最近使用了 Slash 这款应用。相较于市面上的其他 Todo 应用，它有一些我认为可以思考的设计细节，我将挑其中的几点讨...
2020.12.03
CSS `grid-template-rows: masonry` 轻松实现原生瀑布流布局
🌠 CSS 新属性 grid-template-rows: masonry 轻松实现瀑布流布局，CSS 越来越强大了！（目前在 FirefoxNightly 可用）
💡 小技巧：你可以用 @supports 来写面向未来的 CSS，当...
2020.11.25
Markdown 小技巧
当文章中充满大量的链接使用时，会使源文本不易阅读，链接地址过长时尤为明显。此时可以使用键或引用来设置链接地址
# Bad ❌
使用 [Gridea][https://gridea.dev] 之后，你会惊叹：可以，写博客的那个劲儿又回来了！
...
2020.11.23
Mailbrew - 像 RSS，但是更好
自定义你的阅读源，然后通过邮件或 Web 来进行每日阅读
2020.11.03
教程：Ubuntu 20.04 如何安装 Nginx
本教程适用于 Ubuntu 系统安装 Nginx
安装
sudo apt update
sudo apt install nginx
安装之后，Nginx 服务会自动开启。可以执行下面命令查看服务状态
sudo systemctl s...
2020.10.29
教程：如何禁止 Linux 服务器 SSH 连接超时
我最近在使用阿里云轻量服务器的时候，通过 SSH 连接，过了一段时间发生了卡死的现象，然后再连接就连接不上了，我尝试延长 SSH 连接时长以避免此问题。
什么是 SSH 和 OpenSSH
SSH 是 Secure Shell（安全外壳协议...
2020.10.22
教程：Git config 配置多用户信息
你在编程时有没有遇到在一台电脑使用两个文件夹，一个放工作项目，另一个放个人项目的场景呢？如果有，并且很多的话，那么是否有遇到提交到公司的 commit 用户是自己的个人邮箱或者相反呢？下面这个技巧就来帮你解决这个问题！
假设你使用 Mac，...
2020.10.14
午休那些事儿
午休很重要，正确午休同样重要。我平时采用午休 20 分钟，半坐位斜躺，睡后不发沉，工作更高效
2020.07.14
用 CSS 控制 SVG 动画
SVG 有很多好处，诸如良好的缩放支持，不用担心屏幕像素密度；较小的文件大小（当然这取决于绘制图像的路径复杂度）；可以使用 CSS 控制 SVG（这点很重要，我们将在此篇文章中利用它）等等。
我们知道 SVG 应用于 icon 是一个典型的...
2020.07.14
我的 Weekly Reading
列一下我的每周阅读，他们大部分都支持 Newsletter 订阅，并且这些都是有提供 Web URL 访问方式。放在这里用作快捷访问渠道
英文
Codrops - 关于网页设计和 Web 开发社区的最新消息和资源。每周四更新。
...
2020.07.03
巧用 CSS 检查 HTML
在 Twitter 中看到了一些使用 CSS 检查 HTML 的例子，用这篇文章整理了一些典型的案例，如果你基于此有更多的灵感，欢迎分享。
同时，我在这里准备了一个 DEMO 页面，可结合文章进行查看。
不安全的 target=_blank...
2020.06.26
你好，Gridea Web
这一次，它来了。
2020.01.20
PWA 在 2020
从 Steve Jobs 最初提出的 Web 应用程序的想法 “看起来和使用起来完全想本地应用程序”，已经过去 12 年了。并且从 “PWA” 术语被创造出来已经 4 年多了。在 2020 年刚开始的时间点，渐进式 Web 应用程序看起来怎...