A curated roundup of the latest frontend and AI development resources, covering React 2023 insights, new CSS font-size-adjust support, Astro 4.12 release, zero‑width character pitfalls in phone validation, the relevance of global state, form‑design strategies, and AI‑assisted coding workflows.
This guide explains how to create, view, edit, and design workflow processes, describes the components of the process designer—including drag‑panel, canvas, property and control panels—covers form design, deployment, process definition, request initiation, task handling, approval actions, delegation, and related source code references.
This article explores the fundamentals of form design, covering form types, element breakdown, layout options, label alignment, and validation techniques to create efficient, user‑centric interfaces that balance usability with business requirements.
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.
This guide explains how to design user‑friendly form editors by covering form fundamentals, layout options, input control properties, validation methods, interaction feedback, and advanced components such as date pickers, file uploads, and grouping, helping developers create efficient, adaptable forms for various scenarios.
This article discusses principles for designing effective forms, including minimizing user input, providing real-time feedback, and choosing optimal layouts like vertical, horizontal, or floating structures to enhance user experience.
This article explores the concept of property panels, illustrates their use across various domains such as hardware controls and design tools, and provides a detailed guide on building, rendering, and validating them with JSON Schema and extensible front‑end architectures.
This guide demonstrates how to use the Quanxiang Cloud low‑code platform to quickly create a visual, cloud‑native fixed‑asset management system, covering platform features, form design, workflow configuration, publishing, and end‑user operation for a server pre‑arrival process.
This article shares a UI designer’s comprehensive guide to B‑side form design, covering basic, step‑by‑step, and advanced forms, essential components such as titles, labels, placeholders, inputs, validation, button placement, layout strategies, field width scaling, and research‑backed label positioning to improve usability and efficiency.
This guide explains how to build sign‑in forms that are secure, accessible, and easy to use by leveraging semantic HTML elements, appropriate input attributes, responsive design, password‑visibility toggles, client‑side validation, and real‑user monitoring to reduce abandonment and improve the overall user experience.
This guide outlines essential sign‑in form best practices, covering meaningful HTML elements, proper labeling, attribute usage, mobile‑friendly design, accessibility features, password handling, validation, analytics, and real‑time testing, with code examples to help developers create secure, user‑centric login experiences.
This guide outlines four key design principles—clear framework, reasonable presentation, efficient interaction, and real‑time feedback—to reduce user effort, prevent errors, and improve overall form experience across digital products.
This article explores practical UI/UX redesign strategies for SaaS applications—covering layout, navigation, visual design, and form usability—illustrated with Zoho Books case studies and actionable tips for creating more engaging, efficient enterprise web interfaces.
This tutorial walks through building a mobile-friendly form component with clickable input areas, interactive right‑arrow icons, error‑handling icons, a fake search box, and a custom range slider, showcasing HTML structure, SCSS flex layout, and reusable code snippets.
