Focused on sharing practical tech content about TypeScript, Vue 3, front-end architecture, and source code analysis.
The article traces the evolution of front‑end linting and formatting tools—from JSLint to ESLint, Prettier, and Rust‑based Biome—then introduces Ultracite, a zero‑config, Rust‑fast, AI‑friendly assistant that consolidates linting, formatting, Git hooks and AI integration into a single command.
The article reverse‑engineers Cursor’s Agent mode, explains its system prompt, enumerates the 16 built‑in tools, draws insights about the importance of model choice and tool usage, and outlines the components needed to build a similar open‑source coding assistant.
H3 is a lightweight, high‑performance HTTP server framework built on Web standards that supports multiple JavaScript runtimes, offers a concise API, composable middleware and plugin systems, and is recommended by Evan You for rapid prototyping, edge computing, and small web services.
Chrome 138 introduces the on‑device Gemini Nano model and six JavaScript AI APIs—Summarizer, Language Detector, Translator, Prompt, Rewriter, and Writer—allowing web developers to add local AI capabilities such as summarisation, translation, and content generation without relying on remote servers.
The article examines Chrome 133+’s enhanced CSS attr() function, showing how it can dynamically generate content, apply attribute values to dimensions, support typed values and fallbacks, and enable flexible atomic‑style patterns such as tooltips, progress bars, and advanced styling, while also discussing its current limitations and future potential.
The article shows how to replace numerous HTML elements with a single CSS‑gradient background tile to build a fully responsive progress bar composed of small dots, explains the calculation of tile size using CSS variables, adds current progress with a linear‑gradient overlay, and offers an SVG alternative that can also be applied to custom range sliders.
Chrome 135’s CSS Overflow 5 spec introduces the ::scroll-button() and ::scroll-marker() pseudo‑elements, letting developers build over a hundred carousel styles using only CSS, eliminating JavaScript, improving performance, and adding built‑in accessibility features.
This article walks through several CSS techniques—plain grid markup, repeating linear gradients, selective borders, and pseudo‑elements—to create a 7‑column grid with row separators, explaining each method’s limitations, trade‑offs, and exact selector formulas.
Promise.try(), added in ES2025, is a static method that wraps any function—sync or async—into a Promise, automatically captures synchronous errors, and provides a unified, concise API for handling both synchronous and asynchronous operations, as demonstrated through multiple code examples and practical scenarios.
This article introduces TresJS, a Vue‑based declarative wrapper for Three.js that streamlines 3D scene creation, outlines its core features, suitable use cases, provides a quick‑start guide with Vite configuration and sample code, and lists lab utilities and resources.
