2024-W03-编程篇

2024-W03 编程篇

头像生成网站

notion image

一个用于生成 rabbit it 图片的应用

notion image

Moodboard Creator —— AI 生成情绪板

notion image

适用于任何项目的开源用户界面元素

notion image

1000 个令人激动的网站

notion image

shadcn 脚手架

官网界面:
notion image
包含内容:
notion image
notion image

stefanjudis - 推荐博客

界面美观,内容有价值,可以关注一下。也可以订阅他的 newsletter。
notion image
notion image
这是这个作者开发维护的一个 前端工具网站
notion image

REST API vs GraphQL

notion image

Astro 自动生成 Open Graph & Twitter card 图片😄

notion image
该作者在这篇文章中分享了如何在 astro 中自动生成 og 图片。
在这个过程中使用了
  • satori 来将 HTML 和 CSS 转换为 SVG
  • resvg 来将 SVG 转换为 PNG
有兴趣的可以也可以把这两个库单独看一下

remotion 通过写代码的方式来做视频

notion image

microsoft TypeScript-Node-Starter

TypeScript 和 Node 的参考示例,其中包含详细的 README,描述了如何将两者一起使用。
notion image

henryheffernan 一个非常炫酷的个人主页

notion image
notion image
notion image

konva 一个 Canvas 框架

Konva.js 是一个 HTML5 Canvas JavaScript 框架,它通过为桌面和移动应用程序启用画布交互性来扩展 2d 上下文。
notion image

astrofy - astro 模板

notion image

低调但有设计感的个人主页

notion image
(post 页面还在开发中)

快速上手的 node 框架

notion image

An overview of Cloudflare's logging pipeline

notion image

Ant Game Engine 开源

notion image

docker 教程 《Docker — 从入门到实践》

notion image

GameBoy Style Portfolio

IPX 高性能、安全且易于使用的图像优化器。

Bento 专题

bento 风格的起始页

notion image

packery: 无缝、可拖动的网格布局

notion image

使用 HTML、CSS 和 JavaScript 👨🏻‍💻 创建 3D 产品卡片

上一篇
2024BW记录-个人向流水账版
下一篇
如何让你的截图更加好看