Tristan's Works

UI 基于日本同行的 2010 年的一个作品（http://nipponcolors.com/），同时自己做了大量改进。

小工具集合，包括不限于：有关时间的工具，图案生成器，查询工具，代码截图生成器，等等各种小众但有用的工具...

Edensign is a cutting-edge virtual staging solution that empowers real estate professionals and designers to showcase properties in their best light.

一款随机展示来自 unsplash 精选摄影大片的应用，主要使用方式是浏览器插件

win98 UI，一款主打怀旧的小游戏，支持 PWA

可自部署的轻量聊天系统

Vote your favorite leader

基于 CSS3 和 React 实现的弹幕，初衷是用于年会，后来写成了 npm 包，开源方便大家

给自己做了个结婚网站

可以选择技术栈和难度等级，还有模式选择、记录成绩、社交分享、全屏沉浸等功能

常用网站与功能聚合主页，一个试验性产品，目前数据走的都是本地存储，请放心食用。

一个基于 webRTC 的实时音视频通讯的谷歌浏览器扩展，严格说不是我个人的产品，是 Privoce（https://privoce.com）公司产品，目前主要是我在做产品开发落地

一个基于 websocket 的实时管理与同步 tab 的谷歌浏览器扩展，严格说不是我个人的产品，是 Privoce（https://privoce.com）公司产品，目前主要是我在做产品开发落地

土味情话，在线生成

给亲哥定制的一个微信头像生成器，方便员工自己去生成微信头像

写于武汉解封那天，胜利来之不易，个人防疫还需继续...

迷惑领导同事，摸鱼神器😄

⚠️⚠️⚠️：你的生命并不长，所以更不能用它来悲伤。

纯前端实现，注意该工具不仅会压缩大小，还会自动压缩尺寸（宽高超过 750px 会被压缩）。另，目前处于试验阶段，请根据压缩后的具体效果酌情使用。

当时有这么个小需求：想统计某个 github 项目下每日新增多少 star，网上找了一通，没找到，于是自己就做了个，算是填补了某种需求的空白。P.S. Github API v4 真香！

重温 1990 版电影《笑傲江湖》，为致敬金曲《沧海一声笑》，做了个页面收集网上各种版本的翻唱。

个人基于 create-react-app 魔改，加入了大量自己的改进，当然有些是严重有个人偏好倾向。我的绝大多数作品，都是借助这个脚手架完成的。

也是基于 create-react-app 魔改而来，只不过加入了 antd 4.0，适合快速开发后台管理界面

通过视觉反馈，调节呼吸节奏，比较适合静心前的准备工作。

做完 GitHub Star 统计工具，随即又做了这个 Github 仓库分享图片生成工具，很小众的工具，但切实解决了一个问题：给 github 项目设置社交分享图

利用边框和伪元素在线生成 CSS 三角，妈妈再也不用担心我到处找代码复制粘贴啦！

给自己做的一个健身激励页面，选取猛男或美女，还有兄贵，作为榜样😂，设定时长，从模糊开始，坚持时间越长，看到的越清晰。

科学研究明表，字汉序顺定一不并响影阅读。

非常简单的一个计时器

超强密码生成器！字母大小写，各种符号，数字随机大混合，生成让你用了再也想不起来是啥的密码！

HTML 大概原生支持 140+ 种有名有姓的颜色，一个页面搞定！还可以一键复制

写点东西的地方，技术&生活&读书笔记

个人落地页，内容很久没更新了，有些懒~

解决世纪难题：中午吃什么？我记得当时看见微博上有个人抱怨中午吃啥是个人生难题，就想着做个页面，调侃&解决下。

以前做的一个专注美文分享的摘抄网站，主要技术：PHP+Docker+jQuery，此为 PC 端站点。时间略久，现已不再维护😳

以前做的一个专注美文分享的摘抄网站，主要技术：PHP+Docker+jQuery，此为移动端站点。时间略久，现已不再维护😳

万叶集后台数据管理系统，主要功能：写文章、打标签、分类、用户管理等。主要技术：PHP+Docker+jQuery+Semantic-UI。时间略久，现已不再维护😳。管理账号：yanggc 密码：yanggc

使用 react+swiper.js 做的，借助 anime.js 加入了大量的动画

同样使用 react+swiper.js+anime.js 做的，只是主题风格不一样

无他，一套 CRUD（增删改查）后台数据管理系统，只不过用到的技术栈比较新（express+mongodb+react+GraphQL+antd），技术上具有一定的参考意义。

gatsby.js+mongodb，配合后台数据管理录入文章，效率飞起！

紫荆官网的移动端版本，Powered by react + gatsby.js，第一次完整地做静态页

紫荆官网的桌面版本，Powered by react + gatsby.js

2014 年在公司做的一个分享，利用 impress.js 做的 PPT，当时觉得效果挺好的（现在看效果也还可以😂）。为了更好的观看效果，请使用 PC 打开。