呜啦！日常碎碎念，偶尔掉落优质前端博文推荐、学习资源等
网页：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
#优质博文 #前端 #组件 #音频 #react #hook
Announcing “use-sound”, a React Hook for Sound Effects
AI 摘要：Josh W. Comeau的文章介绍了`use-sound`，这是一个轻量级的React hook，用于在Web应用中轻松添加音效。它提供了播放控制、速度调整和音频精灵（audio sprite）等功能，帮助开发者为用户交互增加声音反馈。该工具基于Howler.js构建，支持简单安装和自定义音效，文章还给出了实践示例和无障碍建议，适合为用户界面增添音效效果的项目开发。
via Josh W Comeau
Announcing “use-sound”, a React Hook for Sound Effects
AI 摘要：Josh W. Comeau的文章介绍了`use-sound`，这是一个轻量级的React hook，用于在Web应用中轻松添加音效。它提供了播放控制、速度调整和音频精灵（audio sprite）等功能，帮助开发者为用户交互增加声音反馈。该工具基于Howler.js构建，支持简单安装和自定义音效，文章还给出了实践示例和无障碍建议，适合为用户界面增添音效效果的项目开发。
via Josh W Comeau
Joshwcomeau
use-sound | a React hook that lets you play sound effects • Josh W. Comeau
By and large, using the web is a visual experience. This is in terrible contrast to mobile apps, which interact with three of our human senses (sight, sound, and touch, through haptic feedback). I just released a library to make it easy to add sound to your…
#优质博文 #前端 #nextjs #opengraph #svg
在 Vercel 部署一个 OpenGraph Image 服务
Satori ：将 HTML 和 CSS 转换为 SVG 的库。
via https://innei.in/
在 Vercel 部署一个 OpenGraph Image 服务
Satori ：将 HTML 和 CSS 转换为 SVG 的库。
AI 摘要：这篇文章介绍了如何使用 `satori` 在 Vercel 上部署一个 OpenGraph Image 服务。文章首先描述了使用 Fastify 作为基座服务，并通过 `satori` 库生成 OpenGraph 图片。具体步骤包括初始化项目、引入必要的依赖库（如 `satori` 和 `@resvg`）、封装字体和图片生成方法，以及在 Vercel 环境下的部署。还强调了如何处理远程图片、引入自定义字体以及确保图片链接的可访问性。最终通过 Fastify 路由生成和缓存 OpenGraph 图片。
via https://innei.in/
innei.in
在 Vercel 部署一个 OpenGraph Image 服务
这篇文章是实现 Follow 的 Separate main application and external pages and SEO support 这个 PR 的一部分技术细节，由于其中的技术细节较多，所以这将是系列文中的一篇。 用过 Next.js 的同学应该都知道，Next.js 自带
#前端 #css #gsap #动画 #优质视频 #落地页 #设计 #demo
JavaScript Took Over and Made This Landing Page Irresistible via Youtube Codegrid
前些天看到的这个超牛的网站：https://junni.co.jp/
另一个也是他们的超牛的网站：https://next.junni.co.jp/
没想到今天看到出了个 youtube 视频复刻
JavaScript Took Over and Made This Landing Page Irresistible via Youtube Codegrid
前些天看到的这个超牛的网站：https://junni.co.jp/
另一个也是他们的超牛的网站：https://next.junni.co.jp/
没想到今天看到出了个 youtube 视频复刻
「双十一」开启之际，复习一些能让你少花钱的网购常识 [by 他山之石4961]
https://sspai.com/post/92952
https://sspai.com/post/92952
#碎碎念 #设计 #配色 #渐变
再安利一下这个配色仙人的配色😭泰好看了
在深色背景上脱颖而出的渐变
https://fixupx.com/n_seitan/status/1845817279365456059
再安利一下这个配色仙人的配色😭泰好看了
在深色背景上脱颖而出的渐变
https://fixupx.com/n_seitan/status/1845817279365456059
FxTwitter / FixupX
ノグチデザイン (@n_seitan)
暗い背景に映えるグラデーション
