呜啦！日常碎碎念，偶尔掉落优质前端博文推荐、学习资源等
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
联系频道主：@cosine_yu
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
联系频道主：@cosine_yu
#优质博文 #阮一峰的科技周刊 #资源推荐 #AI
【咕咕咕咕咕咕咕咕咕咕咕不会有人知道我咕咕咕了几期】
科技爱好者周刊（第 299 期）：AI 的关键是语料
1. 空的 S3 存储桶也能产生费用（英文） 📓 亚马逊 S3 是最流行的存储云服务，作者建了一个空存储桶，万万没想到，没有写入任何数据，两天居然产生了1300美元的费用。
【 评：比较有意思的是，即使存储桶为空，被大量未授权请求攻击也会导致AWS账单激增至1300美元。 】
2. HackerNews 每日 AI 摘要 🧰 这个项目对 Hacker News 每天的热点文章，生成中文的 AI 摘要，除了官网，还会发到飞书上面。（@rmrf 投稿）
【评：挺好，订阅了 - RSS源 】
3. VideoSubtitleGenerator 🧰 一个命令行工具，通过语音识别，批量为本地的视频文件生成字幕，并支持翻译。（@buxuku 投稿）
【不晓得效果咋样嘞，有无人用下看看】
4. 海棠诗社 🧰 网友开发的诗词网站。（@javayhu 投稿）
【界面挺简洁，设计的可以】
【咕咕咕咕咕咕咕咕咕咕咕不会有人知道我咕咕咕了几期】
科技爱好者周刊（第 299 期）：AI 的关键是语料
1. 空的 S3 存储桶也能产生费用（英文） 📓 亚马逊 S3 是最流行的存储云服务，作者建了一个空存储桶，万万没想到，没有写入任何数据，两天居然产生了1300美元的费用。
第 1 课：任何知道您的任何 S3 存储桶名称的人都可以随意增加您的 AWS 账单。
第 2 课：向存储桶名称添加随机后缀可以增强安全性。
第 3 课：当对 S3 执行大量请求时，请确保显式指定 AWS 区域，这样您就可以避免 S3 API 重定向的额外费用。
【 评：比较有意思的是，即使存储桶为空，被大量未授权请求攻击也会导致AWS账单激增至1300美元。 】
2. HackerNews 每日 AI 摘要 🧰 这个项目对 Hacker News 每天的热点文章，生成中文的 AI 摘要，除了官网，还会发到飞书上面。（@rmrf 投稿）
为什么做 HackerNews 的每日摘要
- 我每天希望了解一下过去 24h HackerNews 上有哪些火爆的文章
- 但是又不想花太多时间浪费在浏览上，最好能有一个快速的浏览
- HackerNews 帖子的网友评论通常很有含金量，我也希望可以通过他们了解是否值得去精读
【评：挺好，订阅了 - RSS源 】
3. VideoSubtitleGenerator 🧰 一个命令行工具，通过语音识别，批量为本地的视频文件生成字幕，并支持翻译。（@buxuku 投稿）
【不晓得效果咋样嘞，有无人用下看看】
4. 海棠诗社 🧰 网友开发的诗词网站。（@javayhu 投稿）
【界面挺简洁，设计的可以】
Medium
How an empty S3 bucket can make your AWS bill explode
Imagine you create an empty, private AWS S3 bucket in a region of your preference. What will your AWS bill be the next morning?
写 bot 的时候发现个好东西，之前好像见过英文版忘记发了
https://regexr-cn.com/
AI 摘要：RegExr 是一个在线工具，用于学习、构建和测试正则表达式。它支持JavaScript和PHP/PCRE正则表达式，并提供即时的匹配结果显示。用户可以使用测试功能来验证表达式的正确性，还能保存并分享正则表达式。此外，该工具包括完整的正则表达式文档、示例和帮助，还有社区正则表达式搜索和评分功能。
——————
找到原版了：https://regexr.com/
源码在： https://github.com/gskinner/regexr
#前端 #插件推荐 #vscode #资源推荐 #tools
Source Twitter @ccbikai
https://frontmatter.codes/
好啊，好啊，这个好啊，我突然又不想抛弃 hexo 了
#工具推荐 如果你在使用 Hexo、Hugo、Astro、nextjs、VitePress 等静态博客生成器，推荐你安装 VSCode 的 Front Matter 插件，为你的博客带来可视化的 CMS 管理。
写作模式下可以为 Markdown 编辑带来快捷键操作、效率提高很多，而且还可以帮你检查 SEO。
Source Twitter @ccbikai
https://frontmatter.codes/
好啊，好啊，这个好啊，我突然又不想抛弃 hexo 了
frontmatter.codes
Headless CMS right in your code editor | Front Matter
Headless CMS running in Visual Studio Code that helps managing your static sites. Supports Hugo, Jekyll, Docusaurus, NextJs, Gatsby, and more.
#前端 #优质博文 #css #grid
CSS Grid full-bleed layout tutorial
AI 摘要：这篇文章介绍了如何使用 CSS Grid 技术解决网页布局中的 “full-bleed”（出血） 问题，即如何让某些元素（如图片和视频）在保持中心文本列宽度固定的同时，能够扩展到浏览器窗口的边缘。作者通过三列布局，中间列固定宽度，两侧列灵活填充空间，实现了文字内容的最佳阅读宽度和其他元素的全宽展示。此外，还提供了适应不同屏幕尺寸的响应式设计思路。
via Josh W Comeau
CSS Grid full-bleed layout tutorial
AI 摘要：这篇文章介绍了如何使用 CSS Grid 技术解决网页布局中的 “full-bleed”（出血） 问题，即如何让某些元素（如图片和视频）在保持中心文本列宽度固定的同时，能够扩展到浏览器窗口的边缘。作者通过三列布局，中间列固定宽度，两侧列灵活填充空间，实现了文字内容的最佳阅读宽度和其他元素的全宽展示。此外，还提供了适应不同屏幕尺寸的响应式设计思路。
via Josh W Comeau
Joshwcomeau
CSS Grid full-bleed layout tutorial • Josh W. Comeau
Certain layouts are surprisingly dastardly. On the modern web, one of the most common layouts is also one of the trickiest. In this tutorial, I break down how to build the "full-bleed" layout using CSS Grid.
#前端 #小知识 #typescript #工程化 #ts
Source Twitter @vikingmute
学 typescript 最蛋疼的地方就是 tsconfig 这个配置文件，无限多眼花缭乱看起来不知所云的选项，官方文档也写的不清楚。过一段时间就忘，每次查文档还很痛苦，昨天看到这篇 TSConfig Cheatsheet 觉得非常棒：
https://totaltypescript.com/tsconfig-cheat-sheet
看完了能基本理解这些配置的大体内容，同时还有人根据这篇文章，写了个可视化工具，更方便了：
https://tsconfig.guide
想学习 typescript 的朋友可以收藏看下，我觉得是很棒的资源。
Source Twitter @vikingmute
Total TypeScript
The TSConfig Cheat Sheet
Learn the essential TypeScript configuration options and create a concise tsconfig.json file for your projects with this helpful cheatsheet.
