学习

  1. Flutter 与 React Native 的开发体验比较 (opens new window) 作者分别使用 Flutter 和 React Native 开发手机 App，总结了自己的感受。

  2. ScratchCard (opens new window) 一个刮刮卡的 React 组件。

  3. 如何发布一个 TypeScript 软件包？ (opens new window) ypeScript 语言写的软件包，怎么发布到 npm 上面？

  4. 可拖动对象的网页实现 (opens new window) 作者详细讲解，如何在网页上实现一个可以拖动的对象，并且鼠标和触摸都可以拖动。

  5. AI Image Captions (opens new window)

    一个在线工具，可以为图片生成介绍词，用于社交媒体，可以指定语言、风格和长度。

  6. Ai Cute Wallpapers (opens new window)

    免费生成/下载 AI 壁纸。

  7. vue-draggable-plus (opens new window) Vue2 & Vue3 的拖拽组件。

  8. 3D 植物 (opens new window) 一个在线的 3D 植物构建器，可以调节各种参数，生成一个 3D 模型。

  9. Imagine (opens new window)

    Meta 公司推出的文生图工具，使用 Facebook 和 Instagram 的11亿张图片训练，现在可以免费使用。

  10. RoomGPT (opens new window) 一个开源软件，你上传一张房间照片，它使用 AI 重新设计你的房间。

  11. Vue TSX Admin (opens new window) 一款开源的后台管理系统的前端模版，基于 Vue3 + TSX

  12. VisActor (opens new window) 一个字节出品的前端数据可视化解决方案，分成图表库 VChart (opens new window) 和表格库 VTable (opens new window)

  13. Vue DevTools Next (opens new window) Vue 官方开发者工具的下一个迭代，旨在增强 Vue 开发者体验。

  14. ant-codeAI (opens new window)

    通过 OpenAI、Gemini 等模型，生成 Web（React，Vue，Tailwind CSS）和 native（react native）代码。

  15. vscode-common-intellisense (opens new window)

    VS Code 插件，为主流的前端框架提供代码提示（intellisense）

  16. 13个著名的 Node.js 库 (opens new window) 本文介绍一些 Node.js 的常用库。

  17. Amazing AI (opens new window) 著名程序员 Sindre Sorhus 推出的一款 mac 和 iPhone App，能够在本地运行 Stable Diffusion 模型，完成文生图

  18. IP-Adapter-FaceID AI (opens new window)

    很多科技媒体都报道了 IP-Adapter-FaceID (opens new window) 这个模型，可以克隆照片人物的脸部，然后通过文生图，将克隆的脸用于生成的图片。作者感觉这个模型效果不错，做了这个网站接入了该模型

  19. weapp-tailwindcss (opens new window) 小程序使用 tailwindcss 的全面解决方案。

  20. Inpaint-web (opens new window) 开源的图片修复和超分辨率工具, 纯浏览器端实现。

  21. AI 红包封面 (opens new window) 输入提示词，一键生成精美的 AI 红包封面图，上传到微信红包封面开放平台，试用 Demo (opens new window)

  22. 如何通过网页完成 SSH 登录 (opens new window)

    SSH 登录是命令行下完成的，但是可以让用户在网页上操作命令行窗口，本文介绍详细步骤

  23. Kysely (opens new window)

    一个 TypeScript 的 SQL 查询生成库。

  24. TS Docs (opens new window)

    这个网站可以查看 npm 模块的 TS 类型声明。

  25. text-wrap 的换行控制 (opens new window) 长文本的自动换行，由 CSS 的 text-wrap 属性控制。本文讨论如何使用这个属性，让标题产生更美观的自动换行。

  26. Earthly (opens new window)

    一个开源的 CI/CD 框架，可以在本地架设自动构建服务。

  27. Vikunja (opens new window)

    一个开源的代办事项（to-do）App，提供多种视图，有 Web 版和桌面版，还可以自己架设。

  28. LapisCV (opens new window) 基于 Obsidian / Typora 编辑器的 Markdown 简历模板，可以导出 PDF 文件

  29. Piped (opens new window) 一个开源的 Youtube 网页前端 UI。

  30. DesignSystemHunt.com (opens new window)

    这个网站收集各种设计系统（design system），已经有130多个。

  31. Superjson (opens new window)

    一个 JavaScript 模块，用于字符串和 JSON 数据的互相转换，支持多种 JSON 不支持的数据格式。

  32. LunarLink (opens new window)

    一个基于 Web 的接口自动化测试平台，可以快速编写和运行接口自动化测试用例。

  33. text2video (opens new window) 一个开源的文本转图文视频的软件。

  34. Free Prompt Market (opens new window)

    一个收集各种文生图 AI 模型的提示词的网站，可以作为参考工具

  35. 为什么我不看好 Tailwind (opens new window) Tailwind 是当红的 CSS 框架，最大卖点为样式代码的复用。作者解释，为什么他不喜欢也不看好这个框架。

  36. sshx (opens new window) 这个工具可以通过链接，与其他人共享你的终端。

  37. PPResume (opens new window)

    一个基于 LaTeX 的简历生成器，可以生成精美的简历，并提供极高质量的 PDF 输出。

  38. Newcar (opens new window) 一个 JS 语言的前端动画引擎，基于 Skia 的WebAssembly 版本，在 Canvas 画布上生成动画。

  39. StockCake (opens new window)

    无版权的 AI 图片搜索引擎。

  40. Web-Tracing (opens new window)

    一个开源的前端埋点工具，提供项目监控。

  41. widget-qrcode (opens new window) 一个网页二维码的 web component 组件，支持自定义二维码风格模板、前景、背景、logo等

  42. 如何简化布尔表达式 (opens new window)

    谷歌官方介绍代码小技巧，如果一个布尔表达式又长又复杂，如何提高可读性？

  43. 我的 Prettier 设置 (opens new window) Prettier 是 JS 代码美化工具，作者介绍了一些他的设置，怎样让代码看上去比较美观。

  44. Stable Diffusion 3 AI 图像生成器 (opens new window) 免费使用 Stable Diffusion 3，通过文本生成图像，无需注册。

  45. Rock AI (opens new window) 该网站托管了一些开源 AI 模型，可以免费调用

  46. React 组件的 AI 生成器 (opens new window) 一个开源的 Web 应用，通过 AI 快速生成 React 组件，用于预览前端效果。

  47. 流光卡片 (opens new window) 一个在线工具，生成文字分享的卡片图。

  48. 算法可视化 (opens new window) 作者在 AI 协助下，完成的经典算法的交互式可视化网站，代码开源。