Web Graphics | BestHub

Taobao Frontend Technology

Feb 23, 2022 · Frontend Development

How Web Front‑End Teams Build Next‑Gen Digital Humans for the Metaverse

This article, originally presented at the 16th D2 Front‑End Technology Forum, explores the current state, market potential, and core technologies behind virtual digital humans—covering their appearance, behavior, and intelligence—while detailing practical pipelines, rendering techniques, and future challenges for web‑based implementations.

3D RenderingFrontend DevelopmentWeb Graphics

0 likes · 23 min read

How Web Front‑End Teams Build Next‑Gen Digital Humans for the Metaverse

NetEase Cloud Music Tech Team

Jun 23, 2021 · Frontend Development

Complete Guide to SVG: Elements, Animations, and Practical Applications

This guide explains why SVG outperforms raster images, details core elements like the svg container and path commands along with basic shapes, and compares three animation methods—SMIL, CSS, and JavaScript—offering practical techniques such as line drawing, morphing, stroke effects, and motion‑path animation for responsive, scalable web graphics.

Frontend DevelopmentPath MorphingSMIL

0 likes · 26 min read

Complete Guide to SVG: Elements, Animations, and Practical Applications

MaoDou Frontend Team

Apr 17, 2019 · Frontend Development

Master HTML5 Canvas: Draw Shapes, Lines, Circles, and Images Step‑by‑Step

This guide explains the fundamentals of HTML5 Canvas, covering how to obtain the canvas and its context, draw rectangles, lines, circles, clear the canvas, and manipulate images with drawImage and clipping, all illustrated with clear examples and code snippets.

Canvas DrawingFrontend DevelopmentHTML5 Canvas

0 likes · 5 min read

Master HTML5 Canvas: Draw Shapes, Lines, Circles, and Images Step‑by‑Step

Tencent Cloud Developer

May 18, 2018 · Frontend Development

Drawing Peppa Pig with Pure CSS: border-radius Technique Tutorial

An engineer from Tencent shows how to recreate Peppa Pig entirely with pure CSS by exploiting the border‑radius property to craft ellipses, rotate them, layer colors, and mask gaps, providing step‑by‑step code for each body part and a complete, animated illustration.

Frontend DevelopmentWeb Graphicsborder-radius

0 likes · 7 min read

Drawing Peppa Pig with Pure CSS: border-radius Technique Tutorial