css-only-chat

kkuchta / css-only-chatCSS第 80 期 · 2022-11-28
实时数据待拉取(运行 scripts/enrich.py 后填充)
css-only-chat

项目简介

仅用 CSS 实现网络聊天。前端不用 JavaScript 只用 CSS 实现网络聊天的功能,秘诀是伪选择器加载的背景图像和永远加载的索引页。

css.some-button:active {background-image: url('some_image.jpg')}

本期其他项目

全部 →
cockpit
C第 80 期

cockpit

基于 Web 的服务器图形界面。这是一款开源的服务器管理工具,让你可以通过 Web 界面轻松管理 Linux 服务器,支持配置防火墙、Web 终端、容器管理、查看系统日志等功能。

Malware-Patch
C#第 80 期

Malware-Patch

阻止 Windows 流氓软件授权的工具。它轻巧、无需后台运行,可用于阻止指定软件的管理员授权。

Magisk
C++第 80 期

Magisk

Android 获取 Root 权限的工具。它可以快速、无痛地获得 Android 的超级用户权限,支持 Android 5.0 以上的设备。

osquery
C++第 80 期

osquery

像数据库一样查询设备的工具。它将操作系统抽象成一个数据库,让用户可以通过 SQL 查询操作系统的运行情况,比如运行中的进程、网络连接、文件和用户。攻击者一般会在运行恶意程序后删掉程序,通过 osquery 可以轻松找到没有源文件的进程。```shell osquery> SELECT name, path, pid FROM processes WHERE on_disk = 0;name = Drop_Agent path = /Users/jim/bin/dropage pid = 561```

cadvisor
Go第 80 期

cadvisor

一款由 Google 开源的容器监控工具。它可以实时统计容器运行时占用的资源,包括 CPU 利用率、内存使用量、网络传输等信息。提供了 Web 可视化页面,能方便用户分析和监控容器运行状态,支持包括 Docker 在内的几乎所有类型的容器。```sudo docker run \--volume=/:/rootfs:ro \--volume=/var/run:/var/run:ro \--volume=/sys:/sys:ro \--volume=/var/lib/docker/:/var/lib/docker:ro \--volume=/dev/disk/:/dev/disk:ro \--publish=8080:8080 \--detach=true \--name=cadvisor \--privileged \--device=/dev/kmsg \gcr.io/cadvisor/cadvisor:$VERSION```

暂无截图
Go第 80 期

dsq

可直接用 SQL 查询数据文件的命令行工具。通过该项目无需将数据导入数据库,就能用 SQL 查询文件内的数据,可执行模糊查询、计数、排序等命令,支持 JSON、CSV、Excel、Parquet、YAML 等类型的文件。还可以搭配其它命令行工具(jq),实现更丰富的功能。来自 [@总钻风](https://hellogithub.com/user/PDzxTYajWgimyF9) 的分享```shell$ dsq testdata/userdata.parquet 'select count(*) from {}' | jq[{"count(*)": 1000}]```

json-to-go
Go第 80 期

json-to-go

立刻将 JSON 转化为 Go 类型定义的工具。这是一个用 JavaScript 写的在线小工具,可以直接将输入的 JSON 转成对应的 Go 类型定义。

pocketbase
Go第 80 期

pocketbase

仅一个文件的开源后端。将 SQLite 数据库、接口服务、登录认证、管理后台等服务器端的功能,做成一个开箱即用的可执行文件。让原本不懂后端开发的用户,也可以通过用户界面快速构建起接口服务。

同类项目

全部 →
theme.park
CSS第 110 期

theme.park

自托管应用的主题集合。该项目为各种自托管 Web 应用提供统一且美观的主题和皮肤,支持 Nextcloud、Sonarr、Radarr、Jackett、Emby、Jellyfin 和 Home Assistant 等 50 多款应用。

nord
CSS第 108 期

nord

好看的北极蓝配色方案。这是一个开源的北极蓝主题配色方案,包含 16 种柔和的色调,适用于代码编辑器、终端和网页设计等应用场景。无法亲临北极,也能用这抹宁静的蓝,给视觉一次沉浸式旅行。

latex-css
CSS第 105 期

latex-css

LaTex 文档风格的 CSS 库。这是一个能够让你的网站看起来像 LaTex 文档的 CSS 样式库,支持定理、定义、引理和证明的标签,以及作者、副标题、摘要等可选的类名。

easings.net
CSS第 96 期

easings.net

CSS 缓动函数速查表。缓动函数(Easing Functions)是一种用于控制 CSS 动画速度的函数,该项目提供了一系列优雅的缓动函数示例代码和效果展示。```css.block {transition: transform 0.6s cubic-bezier(0.7, 0, 0.84, 0);}```

hyperui
CSS第 95 期

hyperui

免费的 Tailwind CSS 组件集合。该项目提供了一系列适用于网站、营销和电商等网站的免费 Tailwind CSS 组件。这些组件支持深色模式、移动端适配和 LTR,复制代码即可使用。

pokemon-cards-css
CSS第 90 期

pokemon-cards-css

炫酷的神奇宝贝卡牌 CSS 效果。该项目是口袋怪兽卡高级 CSS 样式集合,使用了 3D 变换、滤镜、渐变等技术,实现了眩光、纹理、银河全息、垂直光束等效果。

layui
CSS第 88 期

layui

面向后端开发者的 Web UI 组件库。这是一款采用原生态 HTML/CSS/JS 开发模式的免费 Web UI 组件库,它拿来即用无需构建工具,极易上手、UI 简约清爽,深受广大后端开发者们的喜爱。```html开始使用 Layui// 使用组件layui.use(['layer', 'form'], function(){var layer = layui.layer;var form = layui.form;// 欢迎语layer.msg('Hello World');});```

css
CSS第 82 期

css

GitHub 开源的设计系统。由 GitHub 设计团队开源和维护的项目,包含了 GitHub 的界面设计原则、使用指南和开箱即用的 UI 组件。