Tagged articles
169 articles
Page 1 of 2

HTML‑in‑Canvas Lets Browsers Render Games and Doom‑Style Effects

HTML‑in‑Canvas is an experimental Web API that captures HTML elements as images and draws them onto a canvas, giving developers pixel‑level control to create game‑like UI effects, dynamic layouts, and even embed live web content inside classic games like Doom, while the proposal advances through W3C.

AICanvasHTML-in-Canvas
0 likes · 9 min read
HTML‑in‑Canvas Lets Browsers Render Games and Doom‑Style Effects
Code Mala Tang
Code Mala Tang
Apr 10, 2026 · Frontend Development

Mastering CSS ‘:nth-child of’ Selector for Elegant Date Range Pickers

This guide demonstrates how to use the CSS ‘:nth-child of’ selector syntax together with minimal JavaScript to build a fully functional date‑range picker, covering selector mechanics, HTML structure, CSS grid layout, range‑selection logic, and visual styling of the selected period.

CSSDate PickerJavaScript
0 likes · 8 min read
Mastering CSS ‘:nth-child of’ Selector for Elegant Date Range Pickers
DeWu Technology
DeWu Technology
Mar 2, 2026 · Big Data

Mastering Spark UI: Deep Dive into Metrics, Tuning, and Real‑World Cases

This article provides a comprehensive guide to Spark UI, explaining each primary and secondary tab, the key metrics they expose, and how to interpret them for performance bottleneck detection, followed by two detailed case studies and practical tuning recommendations for Spark workloads.

Big DataCase StudySpark
0 likes · 19 min read
Mastering Spark UI: Deep Dive into Metrics, Tuning, and Real‑World Cases
FunTester
FunTester
Dec 9, 2025 · Frontend Development

Mastering Ant Design Popups: Fix Overlay Issues with getPopupContainer

This guide explains why Ant Design dropdowns, tooltips, and popovers are often hidden or misaligned, how the default rendering to document.body causes these problems, and demonstrates practical use of the getPopupContainer property to control popup mounting and eliminate visual bugs in React applications.

Ant DesignJavaScriptReact
0 likes · 7 min read
Mastering Ant Design Popups: Fix Overlay Issues with getPopupContainer
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 19, 2025 · Frontend Development

Custom Title Bar, Skinning, and ViewModel in Kotlin Compose Desktop

This article demonstrates how to implement a custom title bar with window controls, apply dynamic skinning, integrate ViewModel using Precompose, handle network and file I/O, manage multi‑page navigation, open file selectors, and use KV storage in a Kotlin Compose Multiplatform desktop application, with full code examples.

ComposeDesktopKotlin
0 likes · 9 min read
Custom Title Bar, Skinning, and ViewModel in Kotlin Compose Desktop
JD Cloud Developers
JD Cloud Developers
Sep 19, 2025 · Mobile Development

Mastering Dark Mode in ROMA: A Complete Guide for Mobile Developers

This article explains how the ROMA cross‑platform framework supports dark mode on mobile apps, detailing configuration options, view‑mode attributes, color mapping, iOS trait protocols, and code examples for seamless theme switching, helping developers implement efficient dark‑mode adaptations.

Dark ModeMobile DevelopmentROMA
0 likes · 11 min read
Mastering Dark Mode in ROMA: A Complete Guide for Mobile Developers
AutoHome Frontend
AutoHome Frontend
Sep 8, 2025 · Mobile Development

Mastering Foldable Screen Adaptation: Essential Strategies for Android Apps

This article explains why foldable‑screen support has become a must‑have for internet apps, outlines the various screen states and their layout implications, and provides concrete techniques for handling width calibration, multi‑window split‑screen, and landscape challenges across different manufacturers, while offering practical guidelines to avoid common pitfalls.

MobileUIfoldable
0 likes · 16 min read
Mastering Foldable Screen Adaptation: Essential Strategies for Android Apps
Efficient Ops
Efficient Ops
Jun 4, 2025 · Operations

Streamline Nginx Management with Nginx UI: Features, Installation & AI Agent Integration

This article introduces Nginx UI, a graphical tool that simplifies Nginx configuration and monitoring, outlines its core features—including AI Agent support—provides pre‑installation notes, and offers step‑by‑step installation guides for Systemd, Docker, and quick‑install scripts, concluding with its operational benefits.

AutomationDockerNGINX
0 likes · 5 min read
Streamline Nginx Management with Nginx UI: Features, Installation & AI Agent Integration
Selected Java Interview Questions
Selected Java Interview Questions
May 27, 2025 · Backend Development

Mybatis-Plus Generator UI: A Web UI Tool for Custom Code Generation in Spring Boot

This article introduces the Mybatis-Plus Generator UI, a highly customizable web‑based code generator that wraps Mybatis‑Plus, explains its features, shows how to integrate it via Maven, run a sample main class, configure generation strategies, customize templates and naming rules, and even extend the frontend with Yarn builds.

Code GenerationSpring BootUI
0 likes · 11 min read
Mybatis-Plus Generator UI: A Web UI Tool for Custom Code Generation in Spring Boot
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 10, 2025 · Frontend Development

enum-plus: A TypeScript Enhanced Enum Library for Frontend Development

enum-plus is a lightweight, zero-dependency TypeScript library that extends native enums with customizable display text, localization, and seamless integration into popular frontend UI frameworks such as Ant Design, ElementPlus, and Material-UI, providing rich methods for enumeration handling, UI component binding, and type-safe development.

LibraryTypeScriptUI
0 likes · 16 min read
enum-plus: A TypeScript Enhanced Enum Library for Frontend Development
macrozheng
macrozheng
Apr 12, 2025 · Fundamentals

What’s New in elementary OS 8? A Deep Dive into Its Latest Features

This article reviews elementary OS 8, a major release built on Ubuntu 24.04 LTS and Linux 6.8, highlighting visual redesigns, dock and quick‑settings upgrades, system‑settings improvements, hardware support, and enhanced security features such as Secure Session and Portals.

DesktopLinuxUI
0 likes · 9 min read
What’s New in elementary OS 8? A Deep Dive into Its Latest Features
WeChat Client Technology Team
WeChat Client Technology Team
Apr 1, 2025 · Mobile Development

How DataList Revolutionized Enterprise WeChat Development on HarmonyOS

Facing the dual challenges of migrating millions of lines of enterprise code to HarmonyOS and maintaining stability amid rapidly evolving APIs, the WeChat team introduced the DataList framework, employing three entropy‑reduction mechanisms—structured, dynamic, and cognitive—to achieve data‑driven UI, cross‑platform reuse, and decoupled business logic.

DataListHarmonyOSUI
0 likes · 27 min read
How DataList Revolutionized Enterprise WeChat Development on HarmonyOS
DaTaobao Tech
DaTaobao Tech
Feb 14, 2025 · Mobile Development

Resolving SurfaceView Flash Black Issues in Taobao Shopping Cart with Hybrid Architecture

The black‑flash in Taobao’s shopping‑cart tab occurs because SurfaceView’s independent surface is destroyed during fragment removal or activity switches, and four remedies are offered: keep the fragment alive with show/hide, capture and display a screenshot, toggle between ImageView and SurfaceView via Weex APIs, or convert SurfaceView to TextureView temporarily, each with performance, memory, and latency trade‑offs.

AndroidFragmentSurfaceView
0 likes · 10 min read
Resolving SurfaceView Flash Black Issues in Taobao Shopping Cart with Hybrid Architecture
Architecture Digest
Architecture Digest
Jan 9, 2025 · Operations

Nginx UI: A Web‑Based Management Interface for Nginx Servers

Nginx UI is a Go and Vue‑based web interface that simplifies Nginx server management by providing real‑time statistics, ChatGPT assistance, one‑click Let's Encrypt certificates, configuration editing, log viewing, terminal access, dark mode, and deployment options via binary, systemd, or Docker.

NGINXOperationsUI
0 likes · 6 min read
Nginx UI: A Web‑Based Management Interface for Nginx Servers
Open Source Linux
Open Source Linux
Nov 4, 2024 · Frontend Development

How to Use JSON Hero: A Powerful JSON Viewer for Developers

JSON Hero is a lightweight, UI‑driven JSON tool that offers multiple viewing modes, easy local installation, direct online use, content previews, searchable tree structures, and shareable links, making JSON handling faster and more intuitive for developers.

InstallationJSONUI
0 likes · 3 min read
How to Use JSON Hero: A Powerful JSON Viewer for Developers
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 16, 2024 · Frontend Development

Common Sliver Decorators in Flutter

This article introduces the most frequently used Flutter Sliver decorators—including SliverToBoxAdapter, SliverFillRemaining, SliverPadding, SliverOpacity, DecoratedSliver, SliverVisibility, SliverOffstage, SliverMainAxisGroup, and SliverAppBar—explains their purposes, provides code examples, and demonstrates a practical scenario for applying them in a CustomScrollView.

CustomScrollViewUIdecorators
0 likes · 13 min read
Common Sliver Decorators in Flutter
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 17, 2024 · Mobile Development

Flutter Animation Tutorial: Core APIs, Concepts, and Practical Examples

This article provides a comprehensive guide to Flutter animations, covering fundamental concepts, terminology, core animation APIs, step‑by‑step code examples for scaling, rotating, looping, custom curves, staggered animations, and additional widgets, helping developers create smooth and interactive UI effects on mobile platforms.

Mobile DevelopmentUI
0 likes · 24 min read
Flutter Animation Tutorial: Core APIs, Concepts, and Practical Examples
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 29, 2024 · Frontend Development

ArkTS Component Development Basics: Project Creation, Decorators, Styles, Events, State Management, and Slots

This tutorial walks through the fundamentals of building ArkTS components for HarmonyOS, covering project setup, key decorators like @Entry and @Component, styling with @Styles and @Extend, handling events, managing properties and state, conditional rendering, functional components, and slot implementation.

HarmonyOSUIarkTS
0 likes · 18 min read
ArkTS Component Development Basics: Project Creation, Decorators, Styles, Events, State Management, and Slots
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 5, 2024 · Frontend Development

Implementing an @User Mention Input Component with Highlight and Deletion Handling in React

This article explains how to build a custom React @mention input component that highlights mentioned users, treats the whole @username as a single deletable unit, tracks cursor position for a floating selector, and returns both the plain text and the list of mentioned users to the parent component.

MentionsReactTypeScript
0 likes · 12 min read
Implementing an @User Mention Input Component with Highlight and Deletion Handling in React
IT Services Circle
IT Services Circle
Jun 27, 2024 · Frontend Development

Microsoft Introduces Floating Panel and Phone Link Integration in Windows 11 Insider Preview

On June 21, 2024, Microsoft released Insider Beta build 22635.3790, adding a floating panel to the Start menu that showcases the Phone Link feature, enabling Android users to view battery status, handle calls, messages, and photos directly from Windows, while also introducing adaptive‑card widgets that can be created via JSON.

UIadaptive-cardsinsider-preview
0 likes · 4 min read
Microsoft Introduces Floating Panel and Phone Link Integration in Windows 11 Insider Preview
We-Design
We-Design
Jun 11, 2024 · Frontend Development

How Sustainable UI Design Can Cut Digital Carbon Footprint

This article examines the hidden environmental costs of digital products and offers practical UI design strategies—covering environmental, social, and economic sustainability—to reduce energy consumption, data waste, and carbon emissions while improving accessibility and user experience.

EnvironmentUIaccessibility
0 likes · 23 min read
How Sustainable UI Design Can Cut Digital Carbon Footprint
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 9, 2024 · Mobile Development

Understanding Android LayoutInflater: Usage, inflate Methods, Factory and Factory2

This article explains how Android's LayoutInflater converts XML layout files into View objects, demonstrates the various ways to obtain and use a LayoutInflater, details the overloads of the inflate method, and shows how to customize view creation with Factory and Factory2 interfaces, including practical code examples.

AndroidFactory2Java
0 likes · 20 min read
Understanding Android LayoutInflater: Usage, inflate Methods, Factory and Factory2
Sohu Tech Products
Sohu Tech Products
Jan 3, 2024 · Frontend Development

Mastering Conditional Rendering in React: 9 Essential Techniques

This article reviews the most common conditional rendering approaches in React—including if‑else, ternary operators, logical AND, nullish coalescing, switch statements, strategy patterns, ErrorBoundary, higher‑order components, and render props—explaining their usage, advantages, code examples, and best‑practice cautions.

Conditional RenderingJavaScriptReact
0 likes · 8 min read
Mastering Conditional Rendering in React: 9 Essential Techniques
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 26, 2023 · Mobile Development

EdgeUtils: Android Edge‑to‑Edge UI Utility Library Guide

EdgeUtils is an Android library built on androidx.core that simplifies edge‑to‑edge immersive UI by providing easy‑to‑use APIs, integration steps, code examples, visual‑conflict resolutions, gesture handling, and bug‑fixes for status‑bar, navigation‑bar, and toolbar adaptations.

AndroidEdge-to-EdgeKotlin
0 likes · 11 min read
EdgeUtils: Android Edge‑to‑Edge UI Utility Library Guide
php Courses
php Courses
Sep 18, 2023 · Frontend Development

9 Essential Vue.js Plugins for Frontend Development

This article introduces nine practical Vue.js plugins—including Vuetify, Vue Router, Vuex, Vue-i18n, Vue-lazyload, Vue-awesome-swiper, Vue-chartjs, Vue-meta, and Vue-awesome—detailing their features and providing code examples to help front‑end developers improve efficiency and code elegance.

PluginsState ManagementUI
0 likes · 10 min read
9 Essential Vue.js Plugins for Frontend Development
Ximalaya Technology Team
Ximalaya Technology Team
Aug 11, 2023 · Mobile Development

Simplifying Android Network Requests with Kotlin Coroutines

By converting Android network calls from callback‑based listeners to Kotlin coroutines, the code becomes sequential, eliminates duplicated UI‑state checks, centralizes loading handling, supports parallel requests with async/await, and integrates with lifecycleScope for automatic cancellation, greatly improving readability and safety.

AndroidCoroutinesKotlin
0 likes · 15 min read
Simplifying Android Network Requests with Kotlin Coroutines
Alibaba Cloud Native
Alibaba Cloud Native
May 25, 2023 · Cloud Native

Boosting OpenYurt Usability: UI/CLI SIG Roadmap and Upcoming Features

The OpenYurt community announces its UI/CLI Special Interest Group, outlining a roadmap that includes a redesigned dashboard, automated installation, feature integration, and yurtadm enhancements to lower the platform's entry barrier and improve developer experience in edge computing.

CLICloud NativeDashboard
0 likes · 6 min read
Boosting OpenYurt Usability: UI/CLI SIG Roadmap and Upcoming Features
IT Services Circle
IT Services Circle
Apr 17, 2023 · Mobile Development

Android 14 Beta 1 Released with New Features and Privacy Enhancements

Google has launched Android 14 Beta 1 for general users, allowing Pixel devices to upgrade while warning of potential installation errors, and introduces a series of incremental improvements such as enhanced PIN privacy, a transparent navigation bar, restored volume controls, BLE audio settings, and updated photo/video permissions.

AndroidBetaMobile Development
0 likes · 4 min read
Android 14 Beta 1 Released with New Features and Privacy Enhancements
We-Design
We-Design
Mar 30, 2023 · Frontend Development

How to Implement Design Tokens in Figma and Sketch for Seamless Dev Collaboration

This article explains how to map design tokens—style, component, template, and file tokens—to appropriate carriers in Figma and Sketch, covering token categories, multi‑mode and multi‑business handling, component token strategies, property naming conventions, handoff methods, and version management.

ComponentFigmaSketch
0 likes · 20 min read
How to Implement Design Tokens in Figma and Sketch for Seamless Dev Collaboration
21CTO
21CTO
Mar 22, 2023 · Frontend Development

8 Must‑Try JavaScript Notification Libraries to Boost Your Web UI

This article reviews eight popular JavaScript notification libraries, comparing their features, popularity, and installation methods, to help developers choose the most suitable solution for enhancing user experience with timely in‑app messages.

JavaScriptLibraryNotification
0 likes · 12 min read
8 Must‑Try JavaScript Notification Libraries to Boost Your Web UI
Python Programming Learning Circle
Python Programming Learning Circle
Mar 21, 2023 · Mobile Development

Overview of Android 13 New Features and Improvements

This article provides a comprehensive overview of Android 13, covering supported devices, design and UI changes, new functionalities such as automatic theme icons, enhanced media controls, privacy and security updates, as well as internal optimizations and power‑management improvements.

Android13MobilePowerOptimization
0 likes · 9 min read
Overview of Android 13 New Features and Improvements
php Courses
php Courses
Mar 21, 2023 · Frontend Development

Password Strength Validation Techniques with jQuery, Vue, and CSS3

This article presents several front‑end approaches for implementing password‑strength validation—including jQuery plugins, a Vue component, and a CSS3 indicator—each accompanied by live demo links and brief usage explanations to improve user experience during registration.

UIVuecss3
0 likes · 4 min read
Password Strength Validation Techniques with jQuery, Vue, and CSS3
VMIC UED
VMIC UED
Jan 31, 2023 · Frontend Development

Mastering Interactive Motion: Why and How to Design Effective UI Animations

This article explains what interactive animations are, why they are essential for smooth user experiences, and outlines a complete workflow—including evaluation, design principles, timing, curves, and documentation—to help designers create consistent, comfortable, and efficient motion effects.

Interaction DesignUIUser experience
0 likes · 14 min read
Mastering Interactive Motion: Why and How to Design Effective UI Animations
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Dec 23, 2022 · Frontend Development

Build the Ultimate Front-End Monitoring System & Master Advanced JS Tricks

It introduces a series of front‑end engineering articles covering comprehensive monitoring architecture, CSS‑based click throttling, drag‑and‑drop implementation, 30 essential JavaScript concepts, and a simple responsive data‑dashboard solution, aiming to deepen developers’ skills and showcase resume‑worthy expertise.

JavaScriptUIWeb Development
0 likes · 3 min read
Build the Ultimate Front-End Monitoring System & Master Advanced JS Tricks
Sohu Tech Products
Sohu Tech Products
Dec 21, 2022 · Mobile Development

Implementing a Custom Layout in Jetpack Compose for Dynamic Room Display

This article explains how to create a custom layout in Jetpack Compose that dynamically arranges a grid of fixed‑size room items, centers the content horizontally and vertically when needed, and adds vertical scrolling for overflow, while detailing the measurement and placement logic with full Kotlin code examples.

AndroidComposeCustom Layout
0 likes · 17 min read
Implementing a Custom Layout in Jetpack Compose for Dynamic Room Display
Java Architect Essentials
Java Architect Essentials
Dec 11, 2022 · Industry Insights

What’s New in IntelliJ IDEA 2022.3? A Deep Dive into UI, Redis, and Java Enhancements

IntelliJ IDEA 2022.3 introduces a refreshed UI, a universal Settings Sync solution, native WSL 2 project handling, enhanced Spring Bean autowiring, OpenAPI generation, full Redis support, improved intent previews, Search Everywhere, Java 19 features, Maven plugin changes, and numerous editor and user‑experience refinements, all aimed at boosting developer productivity.

IDEIntelliJ IDEAJava
0 likes · 9 min read
What’s New in IntelliJ IDEA 2022.3? A Deep Dive into UI, Redis, and Java Enhancements
Sohu Tech Products
Sohu Tech Products
Dec 7, 2022 · Mobile Development

Type‑agnostic RecyclerView Item Visibility Detection for Android

The article explains why reporting item exposure in onBindViewHolder is inaccurate, reviews existing scroll‑listener based solutions and their limitations, and then presents a layout‑manager‑independent Kotlin extension that reliably detects RecyclerView item visibility based on visible area percentage, also covering ViewPager2 page visibility handling.

AndroidExtensionFunctionsKotlin
0 likes · 10 min read
Type‑agnostic RecyclerView Item Visibility Detection for Android
Xianyu Technology
Xianyu Technology
Dec 6, 2022 · Mobile Development

iPad Split‑Screen Adaptation and Multi‑Engine Flutter Integration

The article details how Xianyu solved iPad split‑screen challenges by creating a custom UINavigationController subclass to manage dual‑screen price‑comparison and navigation modes, switching to Auto Layout, and implementing a lightweight multi‑engine Flutter architecture that shares isolates and resources while preserving existing navigation logic.

FlutterHybrid AppUI
0 likes · 11 min read
iPad Split‑Screen Adaptation and Multi‑Engine Flutter Integration
DaTaobao Tech
DaTaobao Tech
Nov 30, 2022 · Frontend Development

From Traditional GUI to Intelligent UI: Building User‑Centred Experience

The article traces the shift from static graphical interfaces to intelligent, user‑centred designs through a three‑layer model—classic precision, behavior‑influencing intelligence, and emerging AR/VR‑ML experiences—quantifies visual information load with Shannon theory, optimizes layouts via A/B testing and maximum‑entropy analysis, and forecasts AI‑driven, multimodal, service‑oriented UI futures.

DesignUIUser experience
0 likes · 53 min read
From Traditional GUI to Intelligent UI: Building User‑Centred Experience
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 28, 2022 · Mobile Development

Deep Dive into Compose Animatable API: Creation, animateTo, snapTo, and a Practical Upload Button Example

This article explains the low‑level Android Jetpack Compose Animatable API, its constructor parameters, how to create and configure Animatable instances for various value types, and demonstrates using animateTo and snapTo within coroutines, including listeners and a complete upload‑button use case.

AndroidAnimatableCompose
0 likes · 15 min read
Deep Dive into Compose Animatable API: Creation, animateTo, snapTo, and a Practical Upload Button Example
Sohu Tech Products
Sohu Tech Products
Nov 2, 2022 · Mobile Development

Android Soft Keyboard Height Detection and Layout Attachment Techniques

This article reviews three approaches to obtain the Android soft‑keyboard height—using ViewTreeObserver, a hidden PopupWindow, and WindowInsets—compares their pros and cons, shows complete Kotlin/Java implementations, and demonstrates how to attach UI elements to the keyboard for a smoother user experience.

AndroidKeyboard HeightKotlin
0 likes · 14 min read
Android Soft Keyboard Height Detection and Layout Attachment Techniques
VMIC UED
VMIC UED
Nov 1, 2022 · Product Management

Mastering Form Design: Practical Tips to Boost User Experience

This guide explains why form design matters, categorizes different form types, details essential components such as labels, input fields, validation, required indicators, help hints and buttons, and offers concrete strategies—like step‑by‑step layouts, choice‑driven inputs, clear visual flow, and contextual error feedback—to create efficient, user‑friendly forms.

Interaction DesignProduct DesignUI
0 likes · 14 min read
Mastering Form Design: Practical Tips to Boost User Experience
Sohu Tech Products
Sohu Tech Products
Oct 19, 2022 · Mobile Development

Managing Complexity in Android Search UI: From MVC to MVI and Kotlin DSL Implementation

This article explains how to reduce UI complexity in Android by layering architecture, tracing the evolution from MVC through MVP and MVVM to MVI, and demonstrates a searchable interface built with Jetpack Navigation and Kotlin DSL, highlighting pitfalls of monolithic initView methods and proposing more reusable abstractions.

AndroidKotlinMVI
0 likes · 16 min read
Managing Complexity in Android Search UI: From MVC to MVI and Kotlin DSL Implementation
网易UEDC
网易UEDC
Aug 30, 2022 · Frontend Development

Fix Pixel-Perfect Line Height Across Design and Code with Fin Plugin

This article explains the common line‑height inconsistencies between UI design and front‑end implementation, introduces the open‑source Fin Line‑Height Fix plugin for Figma and Sketch, and provides step‑by‑step usage instructions plus code examples for iOS, Android, and React Native.

FigmaSketchUI
0 likes · 8 min read
Fix Pixel-Perfect Line Height Across Design and Code with Fin Plugin
DaTaobao Tech
DaTaobao Tech
Aug 2, 2022 · Frontend Development

Componentization in the QianNiu PC Cross‑Platform Framework

The QianNiu PC cross‑platform framework adopts a COM‑style component architecture—defining interfaces, implementations, and MVP‑based UI modules, with automated code generation and lifecycle management—to achieve consistent Windows/macOS features, improve extensibility and reusability, lower development cost, and boost maintainability and efficiency.

CComponentizationFramework
0 likes · 17 min read
Componentization in the QianNiu PC Cross‑Platform Framework
Sohu Tech Products
Sohu Tech Products
Jul 20, 2022 · Mobile Development

Common Android Development Pitfalls and Solutions: Soft Keyboard, Merge Tag, LinearLayout, and Fragment Issues

This article discusses several frequent Android development challenges—including hiding the soft keyboard after activity finish, proper use of the merge tag, LinearLayout weight handling, and numerous Fragment lifecycle pitfalls—providing practical solutions, code snippets, and best‑practice recommendations to improve app stability and UI behavior.

AndroidFragmentLifecycle
0 likes · 13 min read
Common Android Development Pitfalls and Solutions: Soft Keyboard, Merge Tag, LinearLayout, and Fragment Issues
Sohu Tech Products
Sohu Tech Products
Jul 13, 2022 · Mobile Development

Understanding Window, Insets, and WindowInsets in Android: Concepts, APIs, and Practical Usage

This article explains the fundamental concepts of Window, Insets, and WindowInsets in Android, describes the different inset types, demonstrates how to retrieve and apply them with modern AndroidX APIs, and provides practical Kotlin code examples for handling system UI elements such as status bars, navigation bars, and the soft keyboard.

AndroidAndroidXKotlin
0 likes · 10 min read
Understanding Window, Insets, and WindowInsets in Android: Concepts, APIs, and Practical Usage
Liangxu Linux
Liangxu Linux
May 25, 2022 · Operations

20 Essential Ubuntu 22.04 Desktop Enhancements You Should Know

Ubuntu 22.04 LTS ‘Jammy Jellyfish’ desktop adds twenty enhancements over 20.04, such as Wayland as the default server, a lighter theme, a more compact UI, improved icons, horizontal workspaces, a revamped app launcher, dock tweaks, microphone mute alerts, calendar events in the notification area, restart button, better keyboard shortcut settings, an interactive screenshot tool, and Firefox now shipped exclusively as a Snap package.

DesktopGNOMELTS
0 likes · 12 min read
20 Essential Ubuntu 22.04 Desktop Enhancements You Should Know
Sohu Tech Products
Sohu Tech Products
May 25, 2022 · Mobile Development

Jetpack Compose 1.2 Beta Released with New Features, Layout Improvements, and Performance Tools

The Jetpack Compose 1.2 beta introduces numerous enhancements—including text padding control, downloadable fonts, lazy layout APIs, improved CoordinatorLayout interop, window size classes, performance diagnostics, and new Android Studio tools—while highlighting widespread adoption by major Android teams and outlining future roadmap priorities.

AndroidBetaCompose 1.2
0 likes · 9 min read
Jetpack Compose 1.2 Beta Released with New Features, Layout Improvements, and Performance Tools
Sohu Tech Products
Sohu Tech Products
May 11, 2022 · Mobile Development

Implementing Multi‑QR Code Detection and Interaction in iOS

This article explains how to detect multiple QR codes in an iOS image using Core Image, mark each code's location, and let users select a specific code either by adding transparent buttons or by handling touch events, covering coordinate conversion, scaling, and offset calculations.

Core ImageObjective‑CQR code
0 likes · 11 min read
Implementing Multi‑QR Code Detection and Interaction in iOS
IT Services Circle
IT Services Circle
Apr 24, 2022 · Frontend Development

GongSolutions.WPF.DragDrop – A WPF Drag‑Drop Framework for .NET

GongSolutions.WPF.DragDrop is an open‑source .NET library that simplifies implementing drag‑and‑drop interactions in WPF applications, offering MVVM‑friendly APIs, multi‑selection, reordering, cross‑control data transfer, visual decorators, and extensive default settings, while supporting .NET Framework 4.6.2+, .NET Core 3.1, .NET 5/6 on Windows.

C#DragDropMVVM
0 likes · 5 min read
GongSolutions.WPF.DragDrop – A WPF Drag‑Drop Framework for .NET
21CTO
21CTO
Apr 16, 2022 · Frontend Development

Is Qt the Next UI Framework for Chromium? Inside Google’s New Code Review

Google has opened a Gerrit code review to evaluate Qt as a UI platform for Chromium, revealing early‑stage commits, a brief overview of Qt’s capabilities, and a comparison of the UI frameworks currently used across Chrome’s various operating systems.

BrowserChromiumQt
0 likes · 4 min read
Is Qt the Next UI Framework for Chromium? Inside Google’s New Code Review
WeChat Client Technology Team
WeChat Client Technology Team
Mar 29, 2022 · Mobile Development

How WeChat Android Boosts Accessibility for Seniors and Disabled Users

This article explains the Android accessibility framework built for WeChat, detailing its requirements, architecture, core features like global touch‑target expansion, basic screen‑reader concepts, execution pipeline, and a custom inspection tool that together enable senior‑friendly and disability‑inclusive app interactions.

Accessibility FrameworkAndroidMobile Development
0 likes · 15 min read
How WeChat Android Boosts Accessibility for Seniors and Disabled Users
Ctrip Technology
Ctrip Technology
Mar 10, 2022 · Frontend Development

DynamicForm: A React‑Based Visual Dynamic Form Builder for Ctrip’s Lego Platform

The article introduces DynamicForm, a React‑driven visual dynamic form configuration system designed to eliminate repetitive form coding, offering drag‑and‑drop layout, rich control types, validation, data binding, and a modular architecture that streamlines component property management on Ctrip’s Lego platform.

CtripDrag-and-DropDynamic Forms
0 likes · 7 min read
DynamicForm: A React‑Based Visual Dynamic Form Builder for Ctrip’s Lego Platform
IEG Growth Platform Technology Team
IEG Growth Platform Technology Team
Mar 7, 2022 · Mobile Development

Flutter Container Widgets and Layout Components

This article provides a comprehensive overview of Flutter's container‑type widgets—including Padding, DecoratedBox, Transform, Container, and Scaffold—explaining their differences from layout widgets, demonstrating their APIs, and showing practical code examples for UI composition and styling.

ContainerFlutterMobile Development
0 likes · 16 min read
Flutter Container Widgets and Layout Components
Sohu Tech Products
Sohu Tech Products
Feb 16, 2022 · Mobile Development

Understanding the Implementation and Traversal of Modifier Chains in Jetpack Compose

This article explains how Jetpack Compose's Modifier interface is defined, how its concrete implementations such as SizeModifier, Background, Padding, CombinedModifier, and ComposedModifier form a chain, and how the foldIn and foldOut functions enable forward and reverse traversal of that chain for layout processing.

AndroidJetpack ComposeKotlin
0 likes · 14 min read
Understanding the Implementation and Traversal of Modifier Chains in Jetpack Compose
Java Backend Technology
Java Backend Technology
Jan 22, 2022 · Frontend Development

9 Stunning Open‑Source Admin Templates to Accelerate Your Backend UI Development

Discover nine high‑quality, open‑source admin dashboard templates—including vue‑element‑admin, D2Admin, Vue‑admin‑better, AdminLTE, Ant Design Pro, Tabler, ngx‑admin, Gentelella, and blur‑admin—each with brief descriptions, key features, and links to demos and repositories, helping developers quickly build attractive backend interfaces.

AngularDashboardReact
0 likes · 5 min read
9 Stunning Open‑Source Admin Templates to Accelerate Your Backend UI Development
Java Captain
Java Captain
Dec 26, 2021 · Frontend Development

Top Open-Source Vue Admin Templates and Their Resources

This article lists twelve popular open‑source Vue admin dashboard projects, providing each project's GitHub or Gitee repository link, documentation URL, live demo preview, and a screenshot, offering developers a quick reference for selecting a suitable admin UI framework.

UIVueadmin dashboard
0 likes · 7 min read
Top Open-Source Vue Admin Templates and Their Resources
Alibaba Terminal Technology
Alibaba Terminal Technology
Dec 24, 2021 · Mobile Development

Boost Flutter App Smoothness: 10 Proven Optimization Techniques from Taote

This article details how Taote engineers tackled severe frame‑rate and stutter issues in a complex e‑commerce Flutter app by applying ten practical performance optimizations—ranging from reducing setState calls to leveraging RepaintBoundary—resulting in measurable FPS gains and a noticeably smoother user experience on low‑end devices.

FlutterUIperformance
0 likes · 15 min read
Boost Flutter App Smoothness: 10 Proven Optimization Techniques from Taote
Java Architect Essentials
Java Architect Essentials
Dec 19, 2021 · Frontend Development

think-swagger-ui-vuele: A Custom Swagger UI Implementation for Think-Vuele

This article introduces think-swagger-ui-vuele, a custom Swagger UI built on think‑vuele that simplifies API documentation by parsing Swagger JSON, offers fast loading for large APIs, supports mock data, customizable request headers, and provides both npm and Maven integration with usage instructions and code examples.

API documentationSwaggerUI
0 likes · 6 min read
think-swagger-ui-vuele: A Custom Swagger UI Implementation for Think-Vuele
Programmer DD
Programmer DD
Oct 21, 2021 · Operations

What’s New in Windows 11? A Complete Feature Overview

Windows 11, launched on October 5, introduces a refreshed start menu, widgets, a redesigned Microsoft Store, enhanced clipboard, a modern touch keyboard, revamped task view, updated captions and camera settings, improved Bluetooth audio, new display controls, refreshed File Explorer, storage health monitoring, updated emojis, fonts, sandbox improvements, and the removal of legacy bloatware, all aimed at a more consumer‑focused experience.

MicrosoftUIWindows
0 likes · 14 min read
What’s New in Windows 11? A Complete Feature Overview
Programmer DD
Programmer DD
Sep 27, 2021 · Frontend Development

Is LayUI’s Shutdown a Signal of Shifting Frontend Trends?

The article examines LayUI’s impending shutdown, its simple yet practical design for backend developers, distinctive visual appeal, the paid LayAdmin extension, technical limitations such as its custom module system and mobile support, and speculates on why the project is being discontinued.

JavaScriptLayuiUI
0 likes · 6 min read
Is LayUI’s Shutdown a Signal of Shifting Frontend Trends?
ByteDance ADFE Team
ByteDance ADFE Team
Aug 11, 2021 · Fundamentals

Screen Fundamentals and Flutter UI System Architecture

This article explains the basic concepts of screen pixels, resolution, DPI, and display principles, then details Flutter's UI system architecture—including the Embedder, Engine, and Framework layers—and describes how Flutter renders UI through a three‑tree structure and a synchronized drawing pipeline.

RenderingUIarchitecture
0 likes · 14 min read
Screen Fundamentals and Flutter UI System Architecture
Snowball Engineer Team
Snowball Engineer Team
Jun 17, 2021 · Mobile Development

Implementing Linked Scrolling Between RecyclerView and Bottom Sheet in Android

This article describes how the Snowball Android team solved the slow‑frame issue on the fund detail page by implementing a split‑screen loading layout using RecyclerView, CoordinatorLayout, and ViewPager, focusing on achieving a linked scrolling effect for the bottom discussion overlay through custom BottomSheetBehavior extensions and nested scrolling mechanisms.

AndroidBottomSheetBehaviorCoordinatorLayout
0 likes · 13 min read
Implementing Linked Scrolling Between RecyclerView and Bottom Sheet in Android
Sohu Tech Products
Sohu Tech Products
Jun 2, 2021 · Mobile Development

Comprehensive Guide to Android Skinning and Theme Switching

This article provides an in‑depth overview of Android skinning, covering UI specifications, product‑level thinking, code implementations, dynamic refresh mechanisms, layout inflation interception, skin package loading strategies, performance optimizations, and future directions such as drawable skinning and Material You integration.

AndroidDynamic RefreshLayoutInflater
0 likes · 18 min read
Comprehensive Guide to Android Skinning and Theme Switching
Miss Fresh Tech Team
Miss Fresh Tech Team
May 29, 2021 · Mobile Development

How a Unified Popup SDK Streamlines Mobile App Dialog Management

An in‑depth guide to designing and implementing a unified popup SDK for a mobile commerce app, covering project background, pain points, architectural modules, data models, template factories, code integration, and measurable benefits such as reduced development effort and cleaner dialog management.

MobileSDKUI
0 likes · 22 min read
How a Unified Popup SDK Streamlines Mobile App Dialog Management
ELab Team
ELab Team
May 13, 2021 · Mobile Development

How to Keep Fixed Headers and Footers Stable When the iOS Keyboard Pops Up

This article explains why fixed elements break when the iOS soft keyboard appears in a WebView, compares iOS and Android keyboard behaviors, shows how to listen for keyboard events, and provides practical solutions—including native headers, scrollIntoView tricks and scroll adjustments—to keep sticky UI components correctly positioned.

AndroidKeyboardMobile
0 likes · 12 min read
How to Keep Fixed Headers and Footers Stable When the iOS Keyboard Pops Up
Sohu Tech Products
Sohu Tech Products
May 12, 2021 · Mobile Development

Comprehensive Guide to Jetpack Compose Text Component and Its Properties

This article provides an in‑depth tutorial on Jetpack Compose's Text composable, detailing every available attribute, usage examples, styling techniques, selectable and clickable text handling, annotated strings, and practical implementations such as hyperlink integration for Android developers.

AndroidComposeJetpack Compose
0 likes · 18 min read
Comprehensive Guide to Jetpack Compose Text Component and Its Properties
ByteFE
ByteFE
May 10, 2021 · Frontend Development

Guide Component – Design, Features, and Technical Implementation for Frontend Applications

This article explains the design, presentation modes, precise positioning, keyboard interaction, and technical implementation—including mask handling, popover placement, and React portal usage—of a step‑by‑step guide component for frontend applications, along with code examples and deployment considerations.

UIaccessibilityguide component
0 likes · 19 min read
Guide Component – Design, Features, and Technical Implementation for Frontend Applications
Dada Group Technology
Dada Group Technology
Apr 23, 2021 · Frontend Development

Accessibility Adaptation for JD Daojia React Native Application

This article details the background, research, identified issues, and step‑by‑step technical solutions—including code examples—for implementing comprehensive accessibility support in the JD Daojia React Native (RN) platform, aiming to enable visually impaired users to complete the full purchase flow.

Mobile DevelopmentRNReact Native
0 likes · 12 min read
Accessibility Adaptation for JD Daojia React Native Application