Focused on sharing practical tech content about TypeScript, Vue 3, front-end architecture, and source code analysis.
The article explains how CSS has finally added native Masonry layout support, detailing its history, the two syntax options (display: masonry and grid-template-columns: masonry), performance benefits, practical code examples, and current browser support status.
This article provides a comprehensive, hands‑on tutorial for installing Ollama, Docker, and the open‑source Coze Studio on a local machine, configuring various LLM services such as Qwen 3, DeepSeek‑V3, and OpenRouter, and running the platform via Docker Compose to create and test AI agents.
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.
