Harnessing customized built-in elements -- Empowering Component-Based Software Engineering and Design Systems with HTML5 Web Components

• URL: http://arxiv.org/abs/2311.16601v1
• Date: Tue, 28 Nov 2023 08:42:53 GMT
• Title: Harnessing customized built-in elements -- Empowering Component-Based Software Engineering and Design Systems with HTML5 Web Components
• Authors: Hardik Shah
• Abstract summary: Customized built-in elements in HTML5 significantly transform web development. These elements enable developers to create unique HTML components tailored with specific design and purpose. This study investigates the role of these features in Component-Based Software Engineering (CBSE) and Design Systems.
• Score: 1.7094064195431142
• License: http://creativecommons.org/licenses/by/4.0/
• Abstract: Customized built-in elements in HTML5 significantly transform web development. These elements enable developers to create unique HTML components tailored with specific design and purpose. Customized built-in elements enable developers to address the unique needs of web applications more quickly, supporting consistent user interfaces and experiences across diverse digital platforms. This study investigates the role of these features in Component-Based Software Engineering (CBSE) and Design Systems, emphasizing the benefits of code modularity, reusability, and scalability in web development. Customized built-in elements enable developers to address the unique needs of web applications more quickly, supporting consistent user interfaces and experiences across diverse digital platforms. The paper also discusses the difficulties and concerns that must be addressed when creating customized built-in elements, such as browser compatibility, performance optimization, accessibility, security, styling, and interoperability. It emphasizes the importance of standardization, developer tooling, and community interaction in order to fully realize the potential of these features. Looking ahead, customized built-in elements have potential in a variety of applications, including the Internet of Things (IoT), e-commerce, and educational technologies. Their incorporation into Progressive Web Apps (PWAs) is expected to further improve web experiences. While obstacles remain, the article concludes that HTML5 customized built-in elements are a driver for web development innovation, allowing the production of efficient, adaptive, and user-centric web applications in an ever-changing digital context.

Related papers

• Avenir-Web: Human-Experience-Imitating Multimodal Web Agents with Mixture of Grounding Experts [59.68272935616536]
  Avenir-Web is a web agent that achieves a new open-source state of the art on the Online-Mind2Web benchmark in real-world deployment.<n>We evaluate Avenir-Web on Online-Mind2Web, a rigorous benchmark of live and user-centered web tasks.
  arXiv  Detail & Related papers  (2026-02-02T18:50:07Z)
• Embodied Web Agents: Bridging Physical-Digital Realms for Integrated Agent Intelligence [109.32705135051486]
  Embodied Web Agents is a novel paradigm for AI agents that fluidly bridge the embodiment and web-scale reasoning.<n>We release the Embodied Web Agents Benchmark, which encompasses a diverse suite of tasks.<n>Results reveal significant performance gaps between state-of-the-art AI systems and human capabilities.
  arXiv  Detail & Related papers  (2025-06-18T17:58:17Z)
• WebUIBench: A Comprehensive Benchmark for Evaluating Multimodal Large Language Models in WebUI-to-Code [57.45181837786448]
  Multimodal Large Language Models (MLLMs) have the potential to act as AI software engineers capable of executing complex web application development.<n>Existing benchmarks usually fail to provide an assessment of sub-capabilities and focus solely on webpage generation outcomes.<n>We propose WebUIBench, a benchmark systematically designed to evaluate MLLMs in four key areas: WebUI Perception, HTML Programming,WebUI-HTML Understanding, and WebUI-to-Code.
  arXiv  Detail & Related papers  (2025-06-09T14:46:02Z)
• ZjsComponent: A Pragmatic Approach to Modular, Reusable UI Fragments for Web Development [0.0]
  ZjsComponent is a lightweight and framework-agnostic web component designed for creating modular, reusable UI elements.<n>ZjsComponent does not require build-steps, transpiling, pre-compilation, any specific ecosystem or any other dependency.
  arXiv  Detail & Related papers  (2025-05-04T08:57:31Z)
• Adaptive Orchestration of Modular Generative Information Access Systems [59.102816309859584]
  We argue that the architecture of future modular generative information access systems will not just assemble powerful components, but enable a self-organizing system. This perspective urges the IR community to rethink modular system designs for developing adaptive, self-optimizing, and future-ready architectures.
  arXiv  Detail & Related papers  (2025-04-24T11:35:43Z)
• WebNav: An Intelligent Agent for Voice-Controlled Web Navigation [0.0]
  WebNav is a voice-controlled web navigation agent that leverages a ReAct-inspired architecture and generative AI to provide this framework. Preliminary evaluations show that WebNav outperforms traditional screen readers in response time and task completion accuracy for the visually impaired.
  arXiv  Detail & Related papers  (2025-03-18T02:33:27Z)
• A Survey on Web Application Testing: A Decade of Evolution [22.84916271936475]
  Web Application Testing (WAT) plays a vital role in ensuring web applications' functionality, security, and reliability. Various WAT approaches have been developed over the last decade. This paper examines the main steps involved in WAT, including test-case generation and execution, and evaluation and assessment.
  arXiv  Detail & Related papers  (2024-12-13T04:13:28Z)
• The Design Space of in-IDE Human-AI Experience [6.05260196829912]
  Key findings stress the need for AI systems that are more personalized, proactive, and reliable. Our findings show that while Adopters appreciate advanced features and non-interruptive integration, Churners emphasize the need for improved reliability and privacy. Non-Users, in contrast, focus on skill development and ethical concerns as barriers to adoption.
  arXiv  Detail & Related papers  (2024-10-11T10:02:52Z)
• IW-Bench: Evaluating Large Multimodal Models for Converting Image-to-Web [61.96082780724042]
  We have curated and aligned a benchmark of images and corresponding web codes (IW-Bench) We propose the Element Accuracy, which tests the completeness of the elements by parsing the Document Object Model (DOM) tree. We also design a five-hop multimodal Chain-of-Thought Prompting for better performance.
  arXiv  Detail & Related papers  (2024-09-14T05:38:26Z)
• Constraining Participation: Affordances of Feedback Features in Interfaces to Large Language Models [49.74265453289855]
  Large language models (LLMs) are now accessible to anyone with a computer, a web browser, and an internet connection via browser-based interfaces. This paper examines the affordances of interactive feedback features in ChatGPT's interface, analysing how they shape user input and participation in iteration.
  arXiv  Detail & Related papers  (2024-08-27T13:50:37Z)
• WebRPG: Automatic Web Rendering Parameters Generation for Visual Presentation [24.99791278208309]
  We introduce Web Rendering Parameters Generation (WebRPG), a new task that aims at automating the generation for visual presentation of web pages based on their HTML code. We present baseline models, utilizing VAE to manage numerous elements and rendering parameters, along with custom HTML embedding for capturing essential semantic and hierarchical information from HTML.
  arXiv  Detail & Related papers  (2024-07-22T09:35:43Z)
• MetaDesigner: Advancing Artistic Typography through AI-Driven, User-Centric, and Multilingual WordArt Synthesis [65.78359025027457]
  MetaDesigner revolutionizes artistic typography by leveraging the strengths of Large Language Models (LLMs) to drive a design paradigm centered around user engagement. A comprehensive feedback mechanism harnesses insights from multimodal models and user evaluations to refine and enhance the design process iteratively. Empirical validations highlight MetaDesigner's capability to effectively serve diverse WordArt applications, consistently producing aesthetically appealing and context-sensitive results.
  arXiv  Detail & Related papers  (2024-06-28T11:58:26Z)
• A Survey of the Overlooked Dangers of Template Engines [0.40964539027092917]
  template engines play a pivotal role in modern web application development, facilitating the dynamic rendering of content, products, and user interfaces. This paper focuses on their susceptibility to Remote Code Execution (RCE) attacks, a critical security concern in web application development.
  arXiv  Detail & Related papers  (2024-05-02T09:28:53Z)
• Large Language User Interfaces: Voice Interactive User Interfaces powered by LLMs [5.06113628525842]
  We present a framework that can serve as an intermediary between a user and their user interface (UI) We employ a system that stands upon textual semantic mappings of UI components, in the form of annotations. Our engine can classify the most appropriate application, extract relevant parameters, and subsequently execute precise predictions of the user's expected actions.
  arXiv  Detail & Related papers  (2024-02-07T21:08:49Z)
• Improving device-aware Web services and their mobile clients through an aspect-oriented, model-driven approach [1.2781698000674648]
  We provide an approach for the creation of flexible Web services which can be invoked transparently from different device types. A model-driven methodology can be followed from system models to code, providing the Web service developer with the option of marking which services should be adapted to mobile devices.
  arXiv  Detail & Related papers  (2024-01-29T13:15:04Z)
• Automatic Controllable Product Copywriting for E-Commerce [58.97059802658354]
  We deploy an E-commerce Prefix-based Controllable Copywriting Generation into the JD.com e-commerce recommendation platform. We conduct experiments to validate the effectiveness of the proposed EPCCG. We introduce the deployed architecture which cooperates with the EPCCG into the real-time JD.com e-commerce recommendation platform.
  arXiv  Detail & Related papers  (2022-06-21T04:18:52Z)
• Bringing Cognitive Augmentation to Web Browsing Accessibility [69.62988485669146]
  We explore opportunities brought by cognitive augmentation to provide a more natural and accessible web browsing experience. We develop a conceptual framework for supporting BVIP conversational web browsing needs. We describe our early work and prototype that leverages that consider structural and content features only.
  arXiv  Detail & Related papers  (2020-12-07T14:40:52Z)
• A Reference Software Architecture for Social Robots [64.86618385090416]
  We propose a series of principles that social robots may benefit from. These principles lay also the foundations for the design of a reference software architecture for Social Robots.
  arXiv  Detail & Related papers  (2020-07-09T17:03:21Z)

This list is automatically generated from the titles and abstracts of the papers in this site.

This site does not guarantee the quality of this site (including all information) and is not responsible for any consequences.