海岛心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