#优质博文 #开源
真不容易啊
https://vxtwitter.com/antfu7/status/1768973757681438909

vxTwitter / fixvx
💖 1.05K 🔁 181

Anthony Fu 🦋 @antfu.me (@antfu7)

📝 New blog post!

Open source is becoming more challenging for me over time. I have written down some of my experiences and what I learned on my journey.

Would love to hear what you think in the comments!
https://antfu.me/posts/mental-health-oss

#碎碎念 #猫
https://vxtwitter.com/ilovecatlovecar/status/1829100408817476050
同款吊床，我家小腊八是真喜欢www
萌死我算了

vxTwitter / fixvx
💖 637 🔁 70

0:07

阿米爱猫咪 (@ilovecatlovecar)

下车的时候以迅雷不及掩耳盗铃之势抱走🤭

#follow
我 telegram 上关注的时事频道列表，感觉放在social media 最合适...
原来可以 0 power 啊，那没事了
https://app.follow.is/list/63153404864915456

#前端 #组件库 #工具推荐 #tools
发现我 star 过这个组件库但好像没推过，再 mark 一下：Magic UI

有人用过这个 MagicUI 没有？

https://magicui.design

是一个全新思路的组件库，主打一个 Landing page 上面的动画视觉效果，完美适配 shadcn/ui ，组件我全都感受了一遍，好喜欢的，如果大家想把页面的颜值上升一个等级，强烈建议试试看。Stars：9.3K

我很喜欢那个 Border Beam 的效果。一点小小的提升让我看了以后爽心悦目。

Source Twitter@vikingmute

magicui.design

Magic UI

Beautiful UI components and templates to make your landing page look stunning.

#优质博文 #反向代理 #rss #折腾 #碎碎念

自建 rsshub 之后，今晚 pixiv 的图都挂了，一查发现反代问题，官方默认推荐的 i.pixiv.re 挂了，然后根据这篇博客顺手 cf worker 搭了个反代......cf 真乃大善人

Pixiv 图片反向代理 | https://blog.yuki.sh/posts/599ec3ed8eda/

#优质博文 #阮一峰的科技周刊 #tools #工具
科技爱好者周刊（第 319 期）：如何拍出爆款视频

1. 使用 @layer 自制一个 CSS 框架（英文） 📓 一篇 CSS 高级教程，介绍使用 @layer 指令，自己写一个 CSS 框架。 #css
2. LosslessCut 🧰 一个开源的跨平台视频剪切软件，目标是成为 FFmpeg 的图形前端。 #ffmpeg
3. Compress JPG 🧰 一个基于谷歌的 squoosh 算法、一次性压缩多张图片的网站。
4. git cliff 🧰 一个自动总结提交信息，生成 changelog 文件的命令行工具。（这个 gif 小动画怪有意思的hhhh） #git #cli
5. APPLORE 🧰 这个网站收集了5000多个应用程序的图标，可以分类搜索。

#折腾 #rss #工具
https://tools.cosine.ren/rsshub-url-converter

余弦工具箱久违的更新了
一个自建 rsshub 的 url 转换小工具，纯 LocalStorage，填入部署时设定的ACCESS_KEY和路由（后续还有批量转换路由到opml的功能上），原因是现在follow 的官方源感觉压力比较大挂一片，所以我昨天折腾了自建的rsshub 把 twitter 和pixiv 的订阅都转换到自建了，晚点把批量转换导出opml 的脚本也放上去一下。

页面不好看orz 先能用就行

#设计 #demo
https://vxtwitter.com/heyXdave/status/1839666451793444899

vxTwitter / fixvx
💖 680 🔁 24

dave (@heyXdave)

https://t.co/gty5eswr1J

#碎碎念 #follow 原来认证订阅源是领 100 power 不是花 100p，我这理解力没救辽，晚上8点发个码
说起来到底是为什么有这误会，好像是刚出来的是后我点领取有报错导致的😂

#碎碎念
想买平常最喜欢吃的大面筋，发现店主回老家了下个月十多号才回来😭太痛了

#优质博文 #前端 #动画 #工程化 #nextjs #css #react
How I Built My Blog

AI 摘要：Josh W. Comeau 在博客文章中介绍了他如何使用 Next.js（App Router）、React 和 MDX 搭建他的新版博客。技术栈还包括 Linaria 处理 CSS、Shiki 实现代码高亮，以及 MongoDB 支持互动功能（如点赞按钮）。他分享了在迁移过程中遇到的挑战，特别是与 MDX v3 和样式相关的问题。同时，博客使用了 React Spring 和 Framer Motion 实现复杂的动画和自定义组件，提升了交互体验。

via Josh Comeau

Joshwcomeau

How I Built My Blog • Josh W. Comeau

I recently launched a brand new version of this blog, and in this post, I share how it’s built! We’ll examine the tech stack and see how all of the pieces fit together, as well as dig into some of the details to see how they work.

#优质博文 #前端 #css #新标准
时隔两年，Chrome也支持round等CSS数学函数了

AI 摘要：这篇文章介绍了Chrome浏览器对CSS数学函数 mod() 、rem()、round() 的最新支持，尤其重点讲解了 round() 函数的多种用法。通过不同参数设置，round() 函数可以模拟 Math.ceil()、Math.floor() 、Math.round() 和 Math.trunc() 的取整效果。文章还展示了该函数在实际开发中的应用场景，如确保响应式字体大小为整数和模拟 steps() 步阶动画效果。总体而言，round() 函数极具实用性和潜力。

via 张鑫旭

Zhangxinxu

时隔两年，Chrome也支持round等CSS数学函数了 « 张鑫旭-鑫空间-鑫生活

最近Chrome进行了第4批CSS数学函数的支持，包括mod()/rem()/round()，其中round()函数尤为的实用。

#工具推荐 #tools #工程化
这个好，mark 一下
Source Twitter 面条@ccbikai

项目里边创建 .gitignore 文件, 我最喜欢的是 gi node vscode > .gitignore gi 后面带上语言/IDE 等名称就能快速生成一份很全的 .gitignore

Toptal

gitignore.io

Create useful .gitignore files for your project