Skip to main content

Series 5

Frontend Misc Notes

Notes on various new features, tricks, and pitfalls encountered along the frontend development journey. From HTML-in-Canvas to WebGPU, from CSS wizardry to performance optimization — here are those frontend explorations that don't fit neatly into a series but are equally interesting and useful.

GAMES101 - Modern Computer Graphics

GAMES101 is an introductory computer graphics course taught by Lingqi Yan at UCSB. It systematically covers four core topics: rasterization, geometric representation, ray tracing, and animation/simulation — from fundamental principles to practical applications, building a complete understanding of computer graphics. Prerequisites: C++ programming basics, linear algebra, and basic mathematics. Course website: https://sites.cs.ucsb.edu/~lingqi/teaching/games101.html | Bilibili: https://www.bilibili.com/video/BV1X7411F744

Three.js Creation Diary

A frontend developer's Web 3D learning notes. Starting from zero, using 20 lessons over 5 weeks to systematically learn Three.js + GLSL + WebGPU, with the goal of independently creating 3D special effects websites. Each note records a 'creation' process — building architecture, writing code, adjusting parameters, troubleshooting, turning abstract 3D concepts into tangible works. GitHub repository: https://github.com/onlyLucky/CreationDiary

Global Web Motion Art Analysis

Curated collection of stunning web motion art from Dribbble, Awwwards and beyond. Step-by-step breakdowns of interactive animations and visual layouts — turning design inspiration into runnable code. For anyone passionate about digital art and creative coding. Preview: deltastudio.space