呜啦！日常碎碎念，偶尔掉落优质前端博文推荐、学习资源等
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
follow 可以配自建的 rsshub 然后共享出去了！Nice！很聪明的做法。
我也配了个 RSSHub 实例，目前主要只配了知乎、推特、b站、p站、GitHub 的 cookie，有想加的配置或者哪里挂了可以找我，不缺 power 加上稳定性不一定好，所以是公益性质的50 power，不开太多，先开几个试试水（担心小服务器撑不住hhhh）等观望观望使用情况再酌情开新的。
https://fixupx.com/follow_app_/status/1874984026483650591
#优质博文 #智能家居
在自动化的路口望一眼：考虑智能家居前，你需要注意哪些事？ - 少数派
AI 摘要：文章重点讨论了智能家居入门的关键：平台选择和灯具开关搭配。平台方面，米家适合安卓用户，Apple Home 适合 iPhone 用户，Home Assistant 则适合追求整合与定制的用户。灯具与开关搭配，若已装修好，可用智能开关改造（注意单火/零火问题）；若在装修中，可优先选用智能灯具搭配主控和无线开关实现多控联动。提前规划能避免后期兼容性问题。
那智能家居的门道学完了，草也种完了，我房子呢？
在自动化的路口望一眼：考虑智能家居前，你需要注意哪些事？ - 少数派
AI 摘要：文章重点讨论了智能家居入门的关键：平台选择和灯具开关搭配。平台方面，米家适合安卓用户，Apple Home 适合 iPhone 用户，Home Assistant 则适合追求整合与定制的用户。灯具与开关搭配，若已装修好，可用智能开关改造（注意单火/零火问题）；若在装修中，可优先选用智能灯具搭配主控和无线开关实现多控联动。提前规划能避免后期兼容性问题。
#优质博文 #tools #工具推荐
Twitter Indie Maker Hu (@javay_hu) ：👨💻 2025年输出的第一篇文章
使用Gmail+Resend+Cloudflare搭建企业邮箱，不仅支持接收企业域名邮件，同时支持发送企业域名邮件。
优点：免费。缺点：每日有数量限制(100封)。
虽然还有其他的方案，比如zoho、飞书等等，但我觉得这个方案最适合我，我用着比较放心，推荐。
https://javayhu.com/da-jian-mian-fei-de-qi-ye-you-xiang-gmail-resend-cloudflare/
Source
Twitter Indie Maker Hu (@javay_hu) ：👨💻 2025年输出的第一篇文章
使用Gmail+Resend+Cloudflare搭建企业邮箱，不仅支持接收企业域名邮件，同时支持发送企业域名邮件。
优点：免费。缺点：每日有数量限制(100封)。
虽然还有其他的方案，比如zoho、飞书等等，但我觉得这个方案最适合我，我用着比较放心，推荐。
https://javayhu.com/da-jian-mian-fei-de-qi-ye-you-xiang-gmail-resend-cloudflare/
Source
Indie Maker Fox
搭建免费的企业邮箱 | Indie Maker Fox
本文介绍如何使用Gmail+Resend+Cloudflare搭建免费的企业邮箱，不仅支持接收企业域名邮件，同时支持发送企业域名邮件。
#博客更新 #年度报告
2024，心有所热，步履不停
是2024的年度总结，疑似有些太现充了🥰
新年快乐呀~祝大家都能得到自己想要的东西~
2024 于我而言是极度 “现充” 的一年，今年互联网给我总体感觉是浮躁、不安，人们经常互相攻击，也经常emo，希望这篇文章能带来一点点正能量。
提示：请勿在大晚上打开美食那一节
AI 摘要：2024年对我来说是生活与工作平衡的一年，主要专注于生活。尽管互联网环境浮躁，我通过美食和情感释放保持积极心态。今年我学会了如何去爱自己、他人和这个世界。 我购买了许多新设备，包括DJI Pocket 3、台式机和空调等，感觉未来几年不需要再买了。美食方面，我尝试了很多美味，包括俄式烧烤、烤鳗鱼和脆皮烤鱼等。 在居住方面，我搬回家开始远程办公，装饰了书房并展示了一些手办。今年我还解锁了许多新地点，包括北京、天津、深圳、香港、澳门的游玩经历，拍摄了很多照片，记录了我的生活点滴。希望这篇博客能带给你一点好心情。
Hexo博客链接 🔗 https://ysx.cosine.ren/2024-life-review
xLog链接 🔗 https://x.cosine.ren/2024-life-review
RSS订阅 📢 https://x.cosine.ren/feed/xml
2024，心有所热，步履不停
是2024的年度总结，疑似有些太现充了
新年快乐呀~祝大家都能得到自己想要的东西~
2024 于我而言是极度 “现充” 的一年，今年互联网给我总体感觉是浮躁、不安，人们经常互相攻击，也经常emo，希望这篇文章能带来一点点正能量。
提示：请勿在大晚上打开美食那一节
AI 摘要：2024年对我来说是生活与工作平衡的一年，主要专注于生活。尽管互联网环境浮躁，我通过美食和情感释放保持积极心态。今年我学会了如何去爱自己、他人和这个世界。 我购买了许多新设备，包括DJI Pocket 3、台式机和空调等，感觉未来几年不需要再买了。美食方面，我尝试了很多美味，包括俄式烧烤、烤鳗鱼和脆皮烤鱼等。 在居住方面，我搬回家开始远程办公，装饰了书房并展示了一些手办。今年我还解锁了许多新地点，包括北京、天津、深圳、香港、澳门的游玩经历，拍摄了很多照片，记录了我的生活点滴。希望这篇博客能带给你一点好心情。
Hexo博客链接 🔗 https://ysx.cosine.ren/2024-life-review
xLog链接 🔗 https://x.cosine.ren/2024-life-review
RSS订阅 📢 https://x.cosine.ren/feed/xml
2024, with a passionate heart, the steps never stop - cos
本文于 https://ysx.cosine.ren/2024-life-review 阅读体验最佳 多多多超多图警告～放轻松～坐下来慢慢看吧～ ❤️
前言
2024 于我而言是生活与工作平衡，甚至更偏向生活的一年，换句话说是极度 “现充” 的一年…
前言
2024 于我而言是生活与工作平衡，甚至更偏向生活的一年，换句话说是极度 “现充” 的一年…
#优质视频 #react #course
Twitter @cholf5: 这有个4个多小时的 React 初学者教程，感觉还蛮好的，通过案例讲概念，边敲代码边教学，效果比纯教概念好多了。有点像 Web Dev Simplified 的风格。（关键是声音爆好听，听他说话简直是一种享受）
https://youtu.be/CgkZ7MvWUAA
Twitter @cholf5: 这有个4个多小时的 React 初学者教程，感觉还蛮好的，通过案例讲概念，边敲代码边教学，效果比纯教概念好多了。有点像 Web Dev Simplified 的风格。（关键是声音爆好听，听他说话简直是一种享受）
https://youtu.be/CgkZ7MvWUAA
#优质博文 #cursor #ai
Cursor 深度评测：革命性提效工具还是过誉的玩具？
AI 摘要：Cursor 是一款结合 LLM 与传统 IDE 的辅助编程工具，凭借 Codebase Indexing 和 Composer 面板等功能，提供更强的上下文支持和高效的多文件协作开发能力，大幅提升开发效率，尤其在问答、单测生成、代码转换和功能 V0 实现等场景表现突出。然而，它并未开发自有大模型，而是通过灵活模型切换优化用户体验。尽管对中等复杂度任务表现较佳，但面对复杂项目仍需开发者主导。Cursor 本质是增强版 IDE，优点在于无缝接入开发流程，而非完全取代程序员。
via 微信公众号 Tecvan
Cursor 深度评测：革命性提效工具还是过誉的玩具？
AI 摘要：Cursor 是一款结合 LLM 与传统 IDE 的辅助编程工具，凭借 Codebase Indexing 和 Composer 面板等功能，提供更强的上下文支持和高效的多文件协作开发能力，大幅提升开发效率，尤其在问答、单测生成、代码转换和功能 V0 实现等场景表现突出。然而，它并未开发自有大模型，而是通过灵活模型切换优化用户体验。尽管对中等复杂度任务表现较佳，但面对复杂项目仍需开发者主导。Cursor 本质是增强版 IDE，优点在于无缝接入开发流程，而非完全取代程序员。
via 微信公众号 Tecvan
#优质视频
看完有点感动，想起小时候一些东西。
【为什么我们会怀念千禧年？】你真的了解Frutiger Aero以及千禧年有关的美学背后的故事吗？
@药厂人家:
人文历史 - 别看简介
〰〰〰〰〰〰〰〰〰〰
🔝> @药厂人家:
bgm（按照出现顺序）：comfort chain；snowfall；Y2K;Azure Skies;vertigo;retrieval;Dramamine
(整合版)https://music.163.com/playlist?id=12999505656&userid=3236028304
————————————————————
最后希望大家点点赞和关注，真的要燃尽了[大哭]
看完有点感动，想起小时候一些东西。
【为什么我们会怀念千禧年？】你真的了解Frutiger Aero以及千禧年有关的美学背后的故事吗？
@药厂人家:
人文历史 - 别看简介
〰〰〰〰〰〰〰〰〰〰
🔝> @药厂人家:
bgm（按照出现顺序）：comfort chain；snowfall；Y2K;Azure Skies;vertigo;retrieval;Dramamine
(整合版)https://music.163.com/playlist?id=12999505656&userid=3236028304
————————————————————
最后希望大家点点赞和关注，真的要燃尽了[大哭]
#优质博文 #前端 #css #grid
CSS Grid Areas
一篇超级长的关于 CSS Grid 的教程，强烈推荐一读。
AI 摘要：这篇文章介绍了 CSS 网格布局中的命名网格区域（grid areas）及其应用，旨在帮助开发者更好地理解和利用这一特性。以下是文章的要点：
1. 命名网格区域的基本概念：使用
2. 语法规则：命名区域必须符合矩形规则，且每个区域都需定义，即使没有直接使用。通过多行字符串定义多个区域，支持创建多维度布局。
3. 使用案例：
- 简单布局：通过定义基本的网格区域（例如“aside”与“main”），实现基本的布局。
- 复杂布局：通过多个区域字符串，可以轻松构建多行和多列的复杂布局。
4. 动态布局和空单元格：通过修改
5. 开发者工具的帮助：文章强调了命名网格区域可以提高布局的可视化性，使得开发和调试更为高效。
6. ......
总的来说，使用命名网格区域可以极大简化 CSS 网格布局的开发过程，提升可读性和维护性。
via Ahmad Shadeed
CSS Grid Areas
一篇超级长的关于 CSS Grid 的教程，强烈推荐一读。
AI 摘要：这篇文章介绍了 CSS 网格布局中的命名网格区域（grid areas）及其应用，旨在帮助开发者更好地理解和利用这一特性。以下是文章的要点：
1. 命名网格区域的基本概念：使用
grid-template-areas 属性，开发者可以为每个网格区域指定一个名称，并通过 grid-area 在元素中引用这些区域。这样，布局的管理更加直观和易于维护。2. 语法规则：命名区域必须符合矩形规则，且每个区域都需定义，即使没有直接使用。通过多行字符串定义多个区域，支持创建多维度布局。
3. 使用案例：
- 简单布局：通过定义基本的网格区域（例如“aside”与“main”），实现基本的布局。
- 复杂布局：通过多个区域字符串，可以轻松构建多行和多列的复杂布局。
4. 动态布局和空单元格：通过修改
grid-template-areas 字符串，可以动态调整布局。同时，可以使用 ... 表示空的网格单元格，提供灵活的布局控制。5. 开发者工具的帮助：文章强调了命名网格区域可以提高布局的可视化性，使得开发和调试更为高效。
6. ......
总的来说，使用命名网格区域可以极大简化 CSS 网格布局的开发过程，提升可读性和维护性。
via Ahmad Shadeed
Ishadeed
CSS Grid Areas
A fresh look at the CSS grid template areas and how to take advantage of its full potential today.
