CSS 实现类似 Google Photos 的图片布局

介绍如何使用 CSS 实现类似 Google Photos 的图片布局。今天在 medium 看到一篇关于 Google Photos 的文章,里面详细的介绍了谷歌的一名工程师是如何设计 Google Photos 的布局的。感觉很神奇,但是那篇文章里的实现方法太过复杂,虽然性能非常好,但是我觉得可以用更简单的方法来实现,于是就有了这篇文章。

avatar Skyone Blog | Skyone Blog 发表于 2024年01月22日 08:00:00

CSS 实现类似 Google Photos 的图片布局

介绍如何使用 CSS 实现类似 Google Photos 的图片布局。今天在 medium 看到一篇关于 Google Photos 的文章,里面详细的介绍了谷歌的一名工程师是如何设计 Google Photos 的布局的。感觉很神奇,但是那篇文章里的实现方法太过复杂,虽然性能非常好,但是我觉得可以用更简单的方法来实现,于是就有了这篇文章。

avatar Skyone Blog | Skyone Blog 发表于 2024年01月22日 08:00:00

如何优雅编译一个 Markdown 文档

Markdown 是一种广泛使用的轻量级标记语言,允许人们使用易读易写的纯文本格式编写文档,也是 xLog 主要使用的文章格式,本文就以 xLog Flavored Markdown 为例来说明如何优雅地解析一个 Markdown 文档

avatar Hi, DIYgod 发表于 2024年01月18日 20:50:37

2023 平稳过渡

<2024> 发小觉得今年经历了巨大的变化,从苏格兰搬到新加坡,从未婚到已婚,从一家两口变成了一家三口,但我觉得都在预料之中,所以感觉还算很平稳

avatar Hi, DIYgod 发表于 2024年01月08日 22:23:18

Next.js 避免暗黑模式闪烁

不知道大家有没有遇到过这样的问题,就是在 Next.js 中使用暗黑模式时,页面会闪烁一下。这篇文章就是介绍如何解决这个问题的。主要分两种情况:CSS in JS 和普通 CSS。

avatar Skyone Blog | Skyone Blog 发表于 2024年01月03日 08:00:00

使用 Traefik 作为 Docker 的反向代理

本文主要介绍如何使用 Traefik 作为 Docker 的反向代理,以及如何使用 Traefik 配置自动 HTTPS,以及一个使用 Traefik 反向代理 mediawiki 的示例。

avatar Skyone Blog | Skyone Blog 发表于 2023年12月27日 08:00:00

在浏览器中编译运行 React

一直很好奇 React 官网的在线编辑器是如何实现的,于是我就研究了一下,通过 TypeScript 和 Babel 实现在浏览器中编译 React。

avatar Skyone Blog | Skyone Blog 发表于 2023年12月22日 08:00:00

轻松创建一万个 Twitter 账号

Twitter 在 8 月决定了全面限制公开访问和 API 接口,导致第三方集成均无法再正常工作。开放用户数据被绑架成私人敛财工具,曾经的 Open Web 标杆 Twitter 竟沦落到这种境地,数字奴隶制在最不应该的地方出现,令人唏嘘

avatar Hi, DIYgod 发表于 2023年12月15日 18:14:46

ArchLinux安装GNOME桌面

上一篇文章讲了如何安装ArchLinux,这篇文章讲一下如何安装GNOME桌面,以及一些常用软件。

avatar Skyone Blog | Skyone Blog 发表于 2023年11月26日 08:00:00

安装 ArchLinux & Windows 双系统

Windows用的有点腻了,这次折腾一下ArchLinux。搞个双系统,也顺便检验一下自己的Linux水平。

avatar Skyone Blog | Skyone Blog 发表于 2023年11月21日 08:00:00