Tristan's Works

45

just for fun

Sinqi Tools

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

Peek Focus

一款不用打开新标签页就可浏览链接内容的浏览器插件,支持多个浏览器平台:Chrome,Firefox,Edge,Brave

Edensign

借助 AI,提供虚拟布置解决方案,赋予房地产专业人士和设计师以最佳方式展示房产的能力。

中国古典颜色在线手册

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

Unsplash Wanderer

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

VoceChat

可自部署的轻量聊天系统

扫雷小游戏

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

Vote For Global Leaders

Vote your favorite leader

React 弹幕

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

自己的结婚网站

给自己做了个结婚网站

技术图标连连看

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

Portal

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

Vera

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

Webrowse

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

甜言蜜语生成器

土味情话,在线生成

春华微信头像生成器

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

防疫的五件小事

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

模拟操作系统升级界面

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

生命进程警示器

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

图片压缩工具

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

Github star 统计工具

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

沧海一声笑

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

React 开发脚手架

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

Admin 脚手架

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

在线调节呼吸节奏

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

Github 社交图生成工具

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

CSS 三角生成器

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

健身激励神器

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

中文打乱小工具

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

迷你计时器

非常简单的一个计时器

密码生成器

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

HTML 颜色手册

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

个人博客

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

个人主页

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

吃什么

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

万叶集 (PC)

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

万叶集 (Mobile)

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

万叶集后台管理系统

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

会议报名 H5 页面

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

会议报名 H5 页面 2

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

后台数据管理系统

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

壹点壹滴官网

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

紫荆教育官网 (Mobile)

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

紫荆教育官网 (PC)

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

前端工程师的自我修养(PPT)

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