海岛心hey

海
海岛心hey

Hi, 我是海岛心hey，这里是我的个人网站，记录关于产品、设计、前端

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.11.25

Markdown 小技巧
当文章中充满大量的链接使用时，会使源文本不易阅读，链接地址过长时尤为明显。此时可以使用键或引用来设置链接地址 # Bad ❌ 使用 [Gridea][https://gridea.dev] 之后，你会惊叹：可以，写博客的那个劲儿又回来了！ ...
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.01.20

PWA 在 2020
从 Steve Jobs 最初提出的 Web 应用程序的想法 “看起来和使用起来完全想本地应用程序”，已经过去 12 年了。并且从 “PWA” 术语被创造出来已经 4 年多了。在 2020 年刚开始的时间点，渐进式 Web 应用程序看起来怎...
2020.01.17

聊聊我在用的编程字体
最近，微软和 JetBrains 纷纷推出了自己的编程字体，你现在在用哪款呢？ 为什么需要选择编程字体 俗语言：「工欲善其事，必先利其器」。那做为一个 Coder，除了一个趁手的 IDE，一款精致舒服的编程字体，无疑会提高你的编程幸福感，从...
2019.12.31

Gridea v0.9.0｜可以，写博客的那个劲儿又回来了
可以，写博客的那个劲儿又回来了～ ——来自一位使用 Gridea 的朋友 这里是 Gridea v0.9.0 版本的发布日志，如果你还没听说过它，不妨点击下面链接一探究竟吧！ Gridea - 一个静态博客写作客户端 本次更新中，我们...
2019.09.21

Gridea v0.8.3｜全新体验，助你妙笔生花
这里 Gridea 是 v0.8.3 版本的发布日志，如果你还没听说过它，不妨点击下面链接一探究竟吧！ Gridea - 一个静态博客写作客户端 时隔两个多月，Gridea 迎来了它的第 5 个版本，我们在这次更新中，尝试新的编辑体验，在保...
下一页
Powered by Gridea