呜啦！日常碎碎念，偶尔掉落优质前端博文推荐、学习资源等
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
#阮一峰的科技周刊 #前端 #优质博文 #资源推荐 #tools
科技爱好者周刊（第 287 期）：禄丰恐龙谷记行
1. WebCodecs 介绍（中文） 📓 WebCodecs 是一个新的浏览器 API，提供音视频的编解码能力的标准接口。本文介绍这个 API，并提供 demo。
2. JavaScript 的双重否运算（英文）📓 本文介绍 JS 的否运算（~），特别是连续执行两次（~~）的用途。 #javascript
3. Amazing AI 🧰 著名程序员 Sindre Sorhus 推出的一款 mac 和 iPhone App，能够在本地运行 Stable Diffusion 模型，完成文生图。 #AI
4. memory spy 🧰 用户在这个网站上提交 C 程序，可以按行查看变量在内存的表示方式，比如整数、浮点数占用多少内存，详见介绍文章。 #后端
5. Penrose 🧰 一个开源工具，可以根据文本指令，生成可视化图形，类似于 Mermaid 和 PlantUML，但是图形能力更强大。
6. Gitblog 🧰 这个工具可以将 GitHub Issues 转成一个静态的博客网站，单个博客使用免费。
7. Kamera 🧰 一个开源的照片展示网站，点击可以查看 EXIF 信息，支持 Docker 一键部署。
8. weapp-tailwindcss 🧰 小程序使用 tailwindcss 的全面解决方案。 #css #tailwind
9. ICONCE 🧰 SVG 图标编辑生成工具。
10. Gemini ChatUp 🧰 基于 Gemini Pro 和 Gemini Pro Vision API 的开源聊天应用。支持一键部署至 Vercel，需要 Gemini API Key。 #AI
11. Imgae matting 🧰 基于开源模型的在线抠图，支持人像和物体抠图，可以 docker 运行 ，无需 GPU。
12. 优雅简历 🧰 免费的在线简历生成工具，集成 ChatGPT，可以让 AI 修改、定制简历。 #简历制作
13. CSS 网格互动指南（An Interactive Guide to CSS Grid）📓 一份 CSS 网格（grid）的教程，包含大量的互动示例。 #css
科技爱好者周刊（第 287 期）：禄丰恐龙谷记行
1. WebCodecs 介绍（中文） 📓 WebCodecs 是一个新的浏览器 API，提供音视频的编解码能力的标准接口。本文介绍这个 API，并提供 demo。
2. JavaScript 的双重否运算（英文）📓 本文介绍 JS 的否运算（~），特别是连续执行两次（~~）的用途。 #javascript
3. Amazing AI 🧰 著名程序员 Sindre Sorhus 推出的一款 mac 和 iPhone App，能够在本地运行 Stable Diffusion 模型，完成文生图。 #AI
4. memory spy 🧰 用户在这个网站上提交 C 程序，可以按行查看变量在内存的表示方式，比如整数、浮点数占用多少内存，详见介绍文章。 #后端
5. Penrose 🧰 一个开源工具，可以根据文本指令，生成可视化图形，类似于 Mermaid 和 PlantUML，但是图形能力更强大。
6. Gitblog 🧰 这个工具可以将 GitHub Issues 转成一个静态的博客网站，单个博客使用免费。
7. Kamera 🧰 一个开源的照片展示网站，点击可以查看 EXIF 信息，支持 Docker 一键部署。
8. weapp-tailwindcss 🧰 小程序使用 tailwindcss 的全面解决方案。 #css #tailwind
9. ICONCE 🧰 SVG 图标编辑生成工具。
10. Gemini ChatUp 🧰 基于 Gemini Pro 和 Gemini Pro Vision API 的开源聊天应用。支持一键部署至 Vercel，需要 Gemini API Key。 #AI
11. Imgae matting 🧰 基于开源模型的在线抠图，支持人像和物体抠图，可以 docker 运行 ，无需 GPU。
12. 优雅简历 🧰 免费的在线简历生成工具，集成 ChatGPT，可以让 AI 修改、定制简历。 #简历制作
13. CSS 网格互动指南（An Interactive Guide to CSS Grid）📓 一份 CSS 网格（grid）的教程，包含大量的互动示例。 #css
#阮一峰的科技周刊 #前端 #优质博文 #资源推荐 #tools
科技爱好者周刊（第 285 期）：为什么 PPT 不如备忘录
1. 负数的取模问题（英文） 📓 计算机编程有取模运算（mod），获取整除的余数。问题是负数的模怎么算？比如-13除以3的余数，一些编程语言是1，另一些编程语言是-2。
2. Triangle Patterns 🧰 三角渐变图案的生成工具。
3. Bluestone Markdown（青石） 🧰 一个所见即所得的 Markdown 桌面编辑器，集成了 Mermaid 图形与 Katex 公式，支持明亮和暗黑风格。
4. resume-json-pdf 🧰 通过 JSON 文件，在线生成 PDF 简历。
这里还有一个类似的工具 Faultier-CV，通过 Markdown 格式编写简历，并能实时预览。 【感觉还得是木及简历】#简历制作
5. schedule-x 🧰 谷歌日历的开源模仿品。
6. fabritor 🧰 一款基于 fabric.js 的创意图片编辑器，支持自己部署。
7. Nostalgist.js 🧰 一个在浏览器中运行怀旧游戏主机模拟器的 JavaScript 库，比如运行任天堂FC 模拟器、世嘉 MD 模拟器、街机模拟器等等。
8. stt 🧰 离线运行的本地语音识别转文字工具，基于 fast-whipser 模型。
9. HTTPS Certification generator 🧰 这个在线工具可以一键生成 IP 地址的自签名 HTTPS 证书，适合用于开发环境。
10. cmd-wrapped 🧰 这个工具可以读取你的命令行操作的历史记录，生成一份年度总结。支持 Zsh 和 Bash，并可指定年份。
11. 中国历朝代视频讲解 📓 一个开源网站，将 BiliBili 上面综合数据最高的一些中国历史视频，以时间轴的方式呈现。
12. YUERGS 🧰 作者为了解决自学吉他过程遇到的痛点，开发了这个网站，支持吉他谱滚动播放、吉他调音、查和弦、节拍器、扒歌等相关功能。
13. 文本编辑器实时协同的原理和实现（英文） 📓 文本编辑器如何支持多人实时编辑？本文以示例讲解原理。
科技爱好者周刊（第 285 期）：为什么 PPT 不如备忘录
1. 负数的取模问题（英文） 📓 计算机编程有取模运算（mod），获取整除的余数。问题是负数的模怎么算？比如-13除以3的余数，一些编程语言是1，另一些编程语言是-2。
2. Triangle Patterns 🧰 三角渐变图案的生成工具。
3. Bluestone Markdown（青石） 🧰 一个所见即所得的 Markdown 桌面编辑器，集成了 Mermaid 图形与 Katex 公式，支持明亮和暗黑风格。
4. resume-json-pdf 🧰 通过 JSON 文件，在线生成 PDF 简历。
这里还有一个类似的工具 Faultier-CV，通过 Markdown 格式编写简历，并能实时预览。 【感觉还得是木及简历】#简历制作
5. schedule-x 🧰 谷歌日历的开源模仿品。
6. fabritor 🧰 一款基于 fabric.js 的创意图片编辑器，支持自己部署。
7. Nostalgist.js 🧰 一个在浏览器中运行怀旧游戏主机模拟器的 JavaScript 库，比如运行任天堂FC 模拟器、世嘉 MD 模拟器、街机模拟器等等。
8. stt 🧰 离线运行的本地语音识别转文字工具，基于 fast-whipser 模型。
9. HTTPS Certification generator 🧰 这个在线工具可以一键生成 IP 地址的自签名 HTTPS 证书，适合用于开发环境。
10. cmd-wrapped 🧰 这个工具可以读取你的命令行操作的历史记录，生成一份年度总结。支持 Zsh 和 Bash，并可指定年份。
11. 中国历朝代视频讲解 📓 一个开源网站，将 BiliBili 上面综合数据最高的一些中国历史视频，以时间轴的方式呈现。
12. YUERGS 🧰 作者为了解决自学吉他过程遇到的痛点，开发了这个网站，支持吉他谱滚动播放、吉他调音、查和弦、节拍器、扒歌等相关功能。
13. 文本编辑器实时协同的原理和实现（英文） 📓 文本编辑器如何支持多人实时编辑？本文以示例讲解原理。
Torstencurdt
Modulo of Negative Numbers
The modulo operator returns the remainder of a division. But things get a little more tricky when you throw negative numbers into the mix.
