2024-W03 编程篇

头像生成网站

github地址

img_79.png

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

github地址

img_78.png

Moodboard Creator —— AI 生成情绪板

img_60.png

推特地址

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

img_59.png

1000 个令人激动的网站

推特地址
img_57.png

shadcn 脚手架

官网界面:

img_54.png

包含内容:

img_56.png

推特链接

img_55.png

stefanjudis - 推荐博客

界面美观,内容有价值,可以关注一下。也可以订阅他的 newsletter。

img_46.png

img_45.png

这是这个作者开发维护的一个 前端工具网站

img_47.png

REST API vs GraphQL

原文

img_42.png

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

img_37.png

该作者在这篇文章中分享了如何在 astro 中自动生成 og 图片。

在这个过程中使用了

  • satori 来将 HTML 和 CSS 转换为 SVG
  • resvg 来将 SVG 转换为 PNG

有兴趣的可以也可以把这两个库单独看一下

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

img_31.png

demo地址

github地址

microsoft TypeScript-Node-Starter

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

img.png

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

img_9.png

img_10.png

img_11.png

konva 一个Canvas框架

文档

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

img_13.png

astrofy - astro 模板

img_24.png

demo演示地址

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

img_30.png

github地址

(post 页面还在开发中)

快速上手的 node 框架

img_22.png

An overview of Cloudflare’s logging pipeline

img_26.png

Ant Game Engine 开源

推特地址

github地址 ejoy/ant

img_27.png

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

GitHub地址

推特原文

img_35.png

GameBoy Style Portfolio

介绍

Game Boy style portfolio

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

Bento 专题

bento风格的起始页

img_70.png

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

img_72.png

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