This article compiles frequent CSS problems—from button styling and overflow handling to flex‑wrap, grid layouts, long‑word breaking, transparent gradients, pseudo‑elements, and input accessibility—offering concise code solutions and practical tips to improve cross‑browser compatibility and user experience.
The article explores the fundamental problems of UI engineering—consistency, responsiveness, latency, navigation, caching, accessibility, internationalisation, transport, resilience, abstraction, and prioritisation—encouraging developers to solve them by building small, library‑free prototypes to deepen their understanding of trade‑offs.
This article explains why sufficient color contrast between text and background is essential for web readability, outlines WCAG AA/AAA contrast ratios, introduces practical tools and JavaScript/Sass functions for calculating and adjusting contrast, and provides tips for handling semi‑transparent colors and real‑world scenarios.
A whimsical tale leads into a comprehensive guide on ARIA attributes, role definitions, and VoiceOver gestures, showing developers how to make mobile web interfaces fully accessible for screen‑reader users while preserving visual design and interaction patterns.
This article explores the latest CSS and JavaScript features for handling page scrolling, covering scrollbar visibility tricks, custom scrollbar styling, smooth scroll APIs, sticky positioning, event throttling, viewport detection, overscroll control, and touch‑device nuances, while weighing cross‑browser support and performance trade‑offs.
The article explores the collaborative relationship between Chrome teams and the web development community, outlining high‑level goals for accessibility, performance, security, privacy, overall platform openness, and calls for transparent cooperation, best‑practice guides, and shared tools to build a faster, more reliable web for everyone.
This article details DingTalk's Android accessibility journey—starting in mid‑2017, collaborating with the Shenzhen Information Accessibility Research Association, leveraging TalkBack, implementing contentDescription, focus navigation, custom views and services, and emphasizing thorough testing—to empower millions of visually impaired users in China.
This article offers a systematic analysis of product manager core competencies—including product design, requirement documentation, accessibility, reliability, globalization, positioning, and user feedback—while sharing practical insights drawn from the author's ten‑year industry experience and a recent forced break for reflection.
This guide explains website accessibility, describes how people with visual, auditory, motor, and cognitive disabilities interact with the web, and provides actionable steps—semantic markup, color contrast, keyboard navigation, ARIA attributes, form and table best practices, and testing tools—to build inclusive, accessible sites.
This article explains website accessibility, describes how people with visual, auditory, motor, and cognitive disabilities access sites, and provides practical guidelines—including semantic structure, color contrast, ARIA roles, form and table markup, keyboard navigation, media handling, and testing tools—to help frontend developers build accessible web pages.
A blind developer shares how screen‑reading software, Braille displays, and accessible tools enable him to browse the web, write code, edit audio, and dream about programming, highlighting the importance of inclusive design for all developers.
This article outlines practical guidelines for incorporating video into web and mobile interfaces, emphasizing the need for textual alternatives, automatic mute, concise content, strong first impressions, user control, accessibility, and clear calls to action after playback.
With roughly one in 12 men and one in 200 women affected by color vision deficiency, this guide explains what color blindness is, why inclusive design matters, and offers five practical strategies—using symbols, limiting colors, adding textures, ensuring contrast, and avoiding problematic color combos—to create more accessible web and app experiences.
This article provides an extensive overview of frontend optimization techniques, covering work efficiency, speed performance, stability, responsive design, cross-browser compatibility, SEO best practices, and accessibility measures, offering practical tools, workflows, and strategies to improve web development productivity and user experience.
The talk by Alibaba senior tech expert Shuwen Li reveals how the 2016 Double‑11 front‑end team achieved 100% service capability, second‑level instant experience, VR/3D interaction, visual monitoring, and accessibility through innovations like Wormhole SSR, Weex, HTTP/2, HTTPDNS, and automated pre‑loading, delivering sub‑second page loads and high reliability.
This guide covers essential front‑end techniques—from using the HTML5 DOCTYPE and semantic markup to proper heading hierarchy, table usage, image alt text, microformats, jQuery UI, JavaScript style rules, loop optimizations, GUID generation, and feature detection with Modernizr—helping developers write cleaner, faster, and more accessible web code.
This article provides comprehensive front‑end development guidelines covering the proper HTML5 DOCTYPE, semantic markup, alt text, table usage, microformats, jQuery UI, consistent JavaScript style, performance optimizations, unique ID generation, feature detection, and readable code conventions.
The article outlines eight frequent web‑usability errors—unlinked logo, missing form‑label associations, absent visited‑link cues, unclear active fields, images lacking alt text, background images without fallback colors, inconsistent design, and underlined non‑links—and offers practical fixes such as proper labeling, linking, styling, and consistent templates to enhance user experience.
This article shares personal insights on how designers and developers can improve web usability for older adults by addressing browser compatibility, clear iconography, intuitive instructions, and minimal click complexity, drawing examples from the author's mother’s online experiences.
Effective hyperlink design—using clear visual cues, appropriate colors, and thoughtful CSS—enhances user experience, accessibility for color‑blind or low‑vision users, and SEO performance, while avoiding readability issues caused by underlines and overly small link areas.
