Click follow to learn the latest frontend insights in the cultural content industry. We welcome you to join us.
This tutorial walks through creating a semi‑circular progress bar using both Canvas and SVG, covering preparation, drawing techniques, angle calculations, animation loops, anti‑aliasing optimizations, and dynamic updates, and compares the visual and performance differences between the two approaches.
This comprehensive tutorial explains how selections and cursors work in web pages, covering the underlying Selection and Range APIs, handling editable and non‑editable elements, manipulating text in inputs, textareas, and rich content, and providing practical code snippets for every scenario.
This tutorial walks through redesigning a complex role‑relationship page using PIXIJS for 2D rendering, custom GLSL shaders for cloud effects, TWEENJS for smooth animations, and careful performance tuning to ensure responsive behavior across devices.
This article walks through implementing vertical text layouts using CSS writing-mode, ensuring numeric characters stay upright with text-orientation, and optimizing date displays by horizontally merging characters via text-combine-upright, while sharing practical code snippets, browser compatibility tips, and alternative solutions for front‑end developers.
This article walks through creating a fully CSS‑based star rating component using the HTML input type="range", exploring its shadow‑DOM structure, applying CSS masks, handling cross‑browser quirks, and providing complete code snippets for a flexible, lightweight solution.
This article demonstrates how to replace heavy swiper libraries with a slim, pure‑CSS carousel using scroll‑snap‑type, scroll‑snap‑align, and scroll‑behavior, and adds a small JavaScript polyfill for smooth scrolling and automatic slide rotation, complete with npm packaging and compatibility notes.
Implementing dark mode in the Qidian Reading app, this guide explains using CSS custom variables and a custom SCSS loader to achieve low‑maintenance theme switching across native and embedded web pages, handling low‑end devices, code examples, and best‑practice considerations.
This article details how Webnovel's Ficool m‑site leveraged a Next.js + AMP + Preact stack to dramatically improve development experience, overcome AMP's limitations, and achieve high performance for low‑bandwidth African users through custom webpack configurations, amp‑script integration, and disciplined frontend practices.
This guide walks you through setting up Trusted Web Activities (TWA) in Android Studio, covering project creation, adding the TWA support library, configuring the Android manifest, establishing Digital Asset Links, enabling debugging, and packaging the app for release, enabling seamless full‑screen web content in native Android apps.
This article details Webnovel's multi‑stage adoption of Google’s Accelerated Mobile Pages (AMP) framework, showing how AMP components, caching, and advanced features like amp‑script and Signed HTTP Exchange dramatically improved page load times, user engagement, and overall traffic metrics.
