呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态

图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
#工具推荐 #Git #任务管理 #开源 #tools
Backlog.md - 在 git 仓库中用 .md 生成并管理项目看板 | GitHub
AI 摘要: Backlog.md 是一款面向 git 用户的本地项目看板工具,通过将任务以 Markdown 文件形式存储在 git 仓库中,实现项目管理和代码管理的无缝结合。它支持命令行和网页两种操作模式,无需云端和账号,注重数据隐私和本地协作,适合对安全性和离线工作有需求的开发者或团队。同时,它集成了 AI 助手、跨平台支持等功能,开源且免费。
Backlog.md - 在 git 仓库中用 .md 生成并管理项目看板 - 小众软件
cosine - 前端人の日常频道
输入法切换工具 Input Source Pro
#tools #工具推荐
你别说,这个用起来感觉真不错~感觉比之前那个自动切输入法的小工具好用,强烈推荐一下。

Input Source Pro
Mac 电脑的开源小工具,方便切换输入法,可以指定不同应用/网站的默认输入法。
#优质博文 #阮一峰的科技周刊 #tools #工具推荐
科技爱好者周刊(第 347 期):冷启动的破解之道

AI 摘要:本期《科技爱好者周刊》聚焦科技前沿动态与工具资源,涵盖了 AI 应用、硬件创新、月球生态实验等多个领域,同时分享了大量开源工具、开发资源及思想观点。文章从 Meta AI 新应用、月球养鱼计划到 3D 打印建筑等,展现了科技如何改变生活与未来的可能性。此外,还探讨了 AI 隐私问题、Web 开发趋势及创造力与限制的关系。

• 文章精选
• ChatGPT o3 照片定位:o3 模型可通过照片精准猜测拍摄地点,利用街景地图训练数据,甚至能判断具体拍摄位置,提醒用户上传照片需注意隐私泄露风险。
• 命令行设置 MacBook:介绍 macOS 内置命令行工具,适合快速配置新电脑,提高效率。
• Zip 炸弹保护服务器:作者通过体积小但解压后巨大的 Zip 文件对抗网络爬虫,分享独特防御策略。
工具推荐:列出 17 款开源工具,包括桌面宠物 BongoCat、条形码生成器 Barcode Maker、输入法切换工具 Input Source ProQBin 开源的在线文本编辑与分享服务等。
• BongoCat:开源桌面宠物,支持多平台(macOS、Windows、Linux)。
• Barcode Maker:开源条形码和二维码生成网站。
• Fread:支持 Mastodon、Bluesky、RSS 协议的安卓"微博客"客户端。
• DeckTap:局域网内手机遥控电脑幻灯片演示工具。
• Input Source Pro:Mac 输入法切换工具,支持应用/网站默认输入法设置。
• QBin:在线文本编辑与分享服务,支持代码、图片、视频分享。
• EasyEditor:低代码引擎,用于可视化搭建 Web 应用。
• PakePlus:基于 Tauri2 的工具,将网站打包为桌面/手机应用。
• 柠檬表单:开源表单问卷系统,自带管理后台。
• MotionEaseTune:安卓防晕车应用,通过 100Hz 声音缓解症状。
• OpenApi 接口代码生成器:根据 OpenAPI 文档生成多语言客户端代码。
• MyOCR:基于 Python 的本地 OCR 文字识别框架。
• SimonAKing-HomePage:使用 WebGL 流体动画的个人网站模板。
• 酷监控:开源监控控制台,支持网站/接口/HTTPS 证书监控。
• FindJSONPath:在线 JSON 工具箱,支持 mock 数据生成与路径可视化。
• 拼字幕:在线字幕拼图制作工具。
• YouTube Playlist Processor:用 AI 将 YouTube 播放列表转为电子书。
• 资源分享:推荐免版权素材搜索引擎、FeedMe 提供多个信息源最新内容的 AI 摘要、吉卜力电影高清图等资源,方便开发者与创作者获取灵感与素材。
• 图片与历史:介绍 1982 年柯达盘式胶片相机,探讨其便携设计与画质缺陷导致的停产原因。
• 文摘与言论:分享约翰·巴洛的人生信条,强调对可能性与不确定性的开放态度;回顾 25 年来 Web 开发技术趋势的更迭,讽刺技术炒作;引用多位学者与从业者关于创造力、AI 发展
GitHub - runjuu/InputSourcePro: Switch and track your input sources with ease ✨
#优质博文 #tools #工具推荐
1. Canva 如何建立图像搜索(英文) #搜索 #图像
本文介绍 Canva 公司如何使用向量嵌入,建立相似图片搜索。
下面是另外一篇类似的文章《基于 pgvector 和 Next.js 构建语义电影搜索》,也是使用向量嵌入。

2. 同一个 GitHub 用户如何用不同身份 SSH 登录(英文) #github #ssh
有时,同一个 GitHub 用户使用不同的 SSH 密钥,去登录不同的仓库。本文教你这时怎么写 SSH 配置文件。

3. Lightpanda #无头浏览器 #tools
轻量级的无头浏览器,可以接入 Playwright / Puppeteer,占用资源和执行速度号称是 Chrome 的十分之一。

4. changedetection.io
一个开源的服务,用来检测指定网页的某个部分是否发生变化。比如,网页上面的商品价格发生变化,它就会通知你。 【好多这种服务了 但是mark一下】

5. Voice-Pro #AI #语音
AI 语音工具,具有多种功能(语音识别、翻译、语音克隆、文本转语音),属于 Whisper 模型的 Web UI。

6. Hacker News Wrapped #趣站
该网站可以输入一个 Hacker News 论坛的用户名,它会用 DeepSeek 模型总结该用户的特点,描述非常准确而且传神。

7. GenSFX #AI #音效
免费的 AI 音效生成网站。

8. Beej 的 Git 指南(Beej's Guide to Git)
著名教程作者 Beej 的最新 Git 教程,基于他向大学学生的课堂讲义。

via #阮一峰的科技周刊 336
#工具推荐 #tools #代码截图 #开源

Chalk.ist 是一个开源的网页应用,用于创建高亮代码的精美图片。该项目支持多种编程语言的代码语法高亮,并提供多样化的样式自定义功能。用户可以通过简单的 UI 操作设置背景颜色、字体、间距等,还支持导出高质量的图片以便分享或展示代码片段。
- 允许用户设置代码样式参数,支持实时预览。
- 支持生成 PNG 或 SVG 格式的图片,适合不同使用场景。

https://github.com/Idered/chalk.ist

via 第116期 - 偷懒爱好者周刊 25/01/15
#工具推荐 #tools #组件库 #react #开源
star react-easy-crop
AI 摘要:react-easy-crop 是一个用于 React 的简单图片裁剪组件,支持图片和视频裁剪,提供直观的用户交互界面。它支持拖动、缩放、旋转等操作,易于集成和自定义。适合在头像上传、图片编辑等场景中快速实现裁剪功能。 GitHub - ValentinH/react-easy-crop: A React component to crop images/videos with easy interactions
#工具推荐 #前端 #在线网站 #markdown #html
Html To Markdown 是一个将 HTML 转换为 Markdown 格式的工具,支持高效、精准的内容格式转换。它适合开发者和内容创作者,将复杂的 HTML 代码快速简化为轻量级、可读性强的 Markdown 格式,从而便于在文档、博客和其他 Markdown 支持的平台上使用。
#前端 #工具推荐 #浏览器插件 #tools #tailwind #shadcn #color
CSS Variables Editor —— CSS Variables Editor 是一款浏览器扩展,旨在简化 CSS 变量中颜色的管理。 其主要功能包括:

- AI 生成的色彩方案:通过集成 OpenAI 或 Anthropic API,快速生成并在实际应用中预览色彩方案。

- 无障碍测试:根据 WCAG 指南检查色彩对比度,确保设计的可访问性。

- 实时颜色编辑:直接在浏览器中修改 CSS 变量的颜色值,实时预览更改效果,提升设计与代码的协作效率。

- 支持 daisyUI 和 shadcn/ui:提供官方文档中的颜色描述,确保在应用中正确使用,并避免忽略弹出框、聚焦环等状态的设计。

- 导出更改:支持导出修改后的 CSS 变量,遵循 Tailwind 的推荐实践。

该扩展可从 Chrome 网上应用店安装,适用于设计师和开发者,提升设计系统中颜色管理的效率。
#工具推荐 #前端 #组件库 #tailwind #react #nextjs #motion #落地页 #tools #动画

昨天群里看到的,相当漂亮的落地页酷炫组件库,且适用我的技术栈,加入知识库方便检索。

Aceternity UI 是一个前端UI组件库,专为快速构建美观网站而设计。用户可以通过复制粘贴组件代码,轻松集成到项目中,无需担心样式或动画。由 Next.js、React、TailwindCSS 和 Framer Motion,提供丰富的模板和组件,帮助开发者迅速提升网站外观和功能。

https://ui.aceternity.com/
#工具推荐 #astro #组件库 #开源 #趣站
Julian's Web Garden 是一个旨在构建现代、渐进性网站的开源工具集,利用Astro框架的优势。它提供了一套可重用的组件和工具配置,关注通用的网页模式和增强功能,支持HTML、CSS和JavaScript的最佳实践。该项目采用“岛屿架构”思想,允许使用最小化的代码和小型文件,避免传统UI框架的臃肿,同时支持动态JS小组件的插入,确保未来兼容性和代码的高效性。

我是在这里面发现了一个 astro-tooltips 试了一下挺好用的,网页也很好看。

https://code.juliancataldo.com/#julians-web-garden Julian's Web Garden | Building blocks for making progressive and future-proof websites.Components collection features Astro, HTML…
#工具推荐 #tools #win #前端
前些天看到的 win 上的窗口调整神器,今天才试(xs
Alt + 滚轮调整窗口透明度这一点感觉可以前端叠图对设计稿!真的很丝滑好用!
Alt + 右键改窗口大小
Alt + 左键拖动窗口

AltSnap 开源神器:按住 Alt 键,窗口透明、移动、调整大小,还能强力结束程序

https://github.com/RamonUnch/AltSnap
#优质博文 #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 搭建免费的企业邮箱 | Indie Maker Fox
#工具推荐 PostSpark 应该是今年最好的截图/推文/代码/套壳图/GitHub贡献记录 美化工具了

自带的几个主题都很漂亮,而且不同类型都统一了设计和交互。

发现注册 GitHub 13 年了。之前10多年没提交几行代码……

https://404.li/postspark
#性能优化 #react #工具推荐 #tools #前端
react-scan (https://github.com/aidenybai/react-scan)
Million Lint (https://million.dev/docs/performance)

是从这个批判推特的大量重渲染的推上看到的,笑死,打算给公司项目配上试试,看着挺好用的,Million Lint 还有 vscode 插件(cursor也适配)。

@aidenybai: why does liking a tweet re-render the entire screen?
(sound on 🔊)
来源
 
 
Back to Top