Frontend Development

Showing 100 articles max
SpringMeng
SpringMeng
Jul 17, 2026 · Frontend Development

How to Customize Codex Themes for Free Using Codex Dream Skin

This guide shows how to register multiple Codex accounts, install the open‑source Codex‑Dream‑Skin project, run its default theme, and then create personalized themes such as forest or star, providing a free alternative to paid Codex theme services.

CodexGitHubTheme customization
0 likes · 3 min read
How to Customize Codex Themes for Free Using Codex Dream Skin
Top Architecture Tech Stack
Top Architecture Tech Stack
Jul 17, 2026 · Frontend Development

How Claude Code’s Built‑In Browser Shortens the Front‑End Development Loop

Claude Code’s new desktop‑side built‑in browser collapses the classic edit‑refresh‑inspect cycle by embedding code editing, live preview, screenshot, annotation and verification into a single workflow, offering shortcuts, permission controls and server configuration to streamline front‑end UI development.

AI coding assistantClaude CodeUI testing
0 likes · 15 min read
How Claude Code’s Built‑In Browser Shortens the Front‑End Development Loop
Java Tech Enthusiast
Java Tech Enthusiast
Jul 16, 2026 · Frontend Development

How to Build a Java Desktop App with Shadcn UI, React, and JxBrowser

This article demonstrates how to create a cross‑platform Java desktop application by embedding a React + TypeScript UI built with shadcn/ui inside a Chromium‑based JxBrowser view, covering window setup, resource loading for development and production, and two Java‑Web communication strategies (JS‑Java bridge and Protobuf + gRPC).

JavaJxBrowserProtobuf
0 likes · 7 min read
How to Build a Java Desktop App with Shadcn UI, React, and JxBrowser
IoT Full-Stack Technology
IoT Full-Stack Technology
Jul 16, 2026 · Frontend Development

7 Lesser‑Known CSS Properties That Can Wow Your UI

This article showcases seven uncommon yet powerful CSS properties—position:sticky, :empty, gap, background-clip:text, user-select, :invalid, :focus-within, and mix-blend-mode:difference—explaining their use cases, providing code examples, and noting compatibility considerations for modern web development.

:empty selector:focus-within:invalid
0 likes · 8 min read
7 Lesser‑Known CSS Properties That Can Wow Your UI
Java Backend Technology
Java Backend Technology
Jul 15, 2026 · Frontend Development

How a New Codex Theme Can Boost Your Mood

The author shares a light‑colored Codex theme with a Maple Mono font, explains why a brighter background eases eye strain, shows screenshots, and provides the exact JSON configuration and import steps for applying the theme.

CodexMaple MonoUI customization
0 likes · 3 min read
How a New Codex Theme Can Boost Your Mood

A Simple Curl Command Unveils the 2026 Fields Medal Leak, Spotlighting Two Peking University Alumni

An unfiltered eventSnapshot API on the ICM 2026 website revealed four hidden Fields Medal lecture entries—including Chinese mathematicians Wang Hong and Yu Deng—through a single curl request, prompting a data leak that could mark the first year two Chinese scholars share the award and highlighting their distinct academic journeys.

Fields MedalICM 2026Mathematics
0 likes · 10 min read
A Simple Curl Command Unveils the 2026 Fields Medal Leak, Spotlighting Two Peking University Alumni
Java Architect Handbook
Java Architect Handbook
Jul 14, 2026 · Frontend Development

Building a Java Desktop App with Shadcn UI, React, and JxBrowser

The article explains how to replace outdated Swing/JavaFX UI by embedding a React application styled with shadcn/ui into a Java desktop program using JxBrowser, covering reliable web view setup, dev‑vs‑prod resource loading via a custom jxb:// scheme, and two Java‑to‑JS communication approaches (JS‑Java bridge and Protobuf + gRPC) with concrete code examples.

Desktop applicationJavaJxBrowser
0 likes · 8 min read
Building a Java Desktop App with Shadcn UI, React, and JxBrowser
AI Programming Lab
AI Programming Lab
Jul 14, 2026 · Frontend Development

How scholar-slides Uses HTML to Build Accurate Academic PPTs

The article details the development of scholar-slides, an HTML‑based skill that renders academic presentation slides with vector formulas, editable tables, verified citations, and automated quality checks, addressing the shortcomings of existing AI PPT tools.

AutomationHTMLKaTeX
0 likes · 8 min read
How scholar-slides Uses HTML to Build Accurate Academic PPTs
IoT Full-Stack Technology
IoT Full-Stack Technology
Jul 14, 2026 · Frontend Development

Why Do Major Tech Companies Build Their Own Front‑End Scaffolding?

The article examines how large front‑end teams create internal scaffolding tools, detailing each stage—from pre‑development setup and template generation to build, commit‑hook checks and CI‑driven releases—and explains how these tools simplify configuration, enforce standards, manage versions, and streamline development workflows.

Build ToolsCILinting
0 likes · 11 min read
Why Do Major Tech Companies Build Their Own Front‑End Scaffolding?
Alibaba Cloud Observability
Alibaba Cloud Observability
Jul 13, 2026 · Frontend Development

Seeing Every User Action: How Session Replay and Heatmaps Enable Data‑Driven Front‑End Optimization

The article explains how Alibaba Cloud's CMS 2.0 uses Session Replay to record DOM changes and user interactions, and three types of heatmaps—click, area, and scroll—to provide low‑overhead, privacy‑controlled insights that help developers reproduce bugs, analyze conversion funnels, and improve overall front‑end user experience.

frontend monitoringheatmapobservability
0 likes · 15 min read
Seeing Every User Action: How Session Replay and Heatmaps Enable Data‑Driven Front‑End Optimization
IoT Full-Stack Technology
IoT Full-Stack Technology
Jul 13, 2026 · Frontend Development

Why Do Big Tech Companies Build Their Own Front‑End Scaffolding Tools?

The article walks through the full lifecycle of a large‑company front‑end scaffold—from pre‑development command simplification and version locking, through template‑driven development, build‑tool integration, commit‑hook checks, and CI/CD publishing—showing how each stage reduces configuration overhead, risk, and duplicated effort.

Build ToolsCI/CDcode quality
0 likes · 11 min read
Why Do Big Tech Companies Build Their Own Front‑End Scaffolding Tools?
java1234
java1234
Jul 11, 2026 · Frontend Development

Why shadcn/ui’s 110k‑Star, AI‑Friendly Design Beats Traditional UI Frameworks

The article introduces shadcn/ui, an open‑source UI library that copies component source code into your project via a CLI, highlighting its visible, modifiable, maintainable, and AI‑friendly design, and walks through its core principles, tech stack, and quick‑start usage.

ReActTailwind CSSUI components
0 likes · 6 min read
Why shadcn/ui’s 110k‑Star, AI‑Friendly Design Beats Traditional UI Frameworks
SpringMeng
SpringMeng
Jul 10, 2026 · Frontend Development

Exploring TDesign: A Complete Guide to the New Open‑Source UI Library

This article walks through Tencent's open‑source TDesign library, covering its cross‑framework component suite, starter‑kit CLI initialization, AI‑friendly MCP server, and step‑by‑step creation of an AI chat page with practical code snippets and screenshots.

AI integrationCLIMCP
0 likes · 8 min read
Exploring TDesign: A Complete Guide to the New Open‑Source UI Library
AI Architecture Path
AI Architecture Path
Jul 10, 2026 · Frontend Development

Meta’s Astryx: An 8‑Year‑Built Design System Redefining AI‑Assisted Frontend Development

When using AI coding assistants like Cursor, Claude, or Copilot, developers often face mismatched props, hard‑coded design tokens, and duplicated modal implementations despite mature component libraries, a problem Astryx solves with a machine‑readable JSON contract, AI‑specific rule files, and a real‑time MCP service, offering a fully open React design system that scales to thousands of internal applications.

AI codingAstryxJSON Manifest
0 likes · 13 min read
Meta’s Astryx: An 8‑Year‑Built Design System Redefining AI‑Assisted Frontend Development
21CTO
21CTO
Jul 9, 2026 · Frontend Development

Bun’s 11‑Day, 780k‑Line Migration from Zig to Rust Powered by AI

In just 11 days, Bun migrated 1,448 Zig files and over 780,000 lines of code to Rust, achieving 100% test pass, cutting memory usage dramatically, reducing binary size by 20%, improving performance by up to 5%, and demonstrating an AI‑driven, fully automated rewrite that sparked intense community debate.

AI-driven migrationBunRust
0 likes · 12 min read
Bun’s 11‑Day, 780k‑Line Migration from Zig to Rust Powered by AI
LouZai
LouZai
Jul 9, 2026 · Frontend Development

How I Cloned a Paid Editor with AI in 4 Hours and Saved $98

The author details a four‑hour, AI‑driven process that replicates the MDNice paid editor—including theme support, cross‑platform copy, AI error correction, and auto‑publish—while spending roughly 1 billion tokens, ultimately avoiding the $98 annual subscription.

AI code generationAI-powered editorAutomation Testing
0 likes · 8 min read
How I Cloned a Paid Editor with AI in 4 Hours and Saved $98