BestHub
Sign in
Tagged articles
4 articles
Page 1 of 1
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 17, 2025 · Frontend Development

How to Turn a Plain Black Button into a Luxurious Shimmering VIP Element

This article walks through the complete process of transforming a basic black button into a premium‑looking, animated VIP component using CSS gradients, keyframe animations, hover interactions, performance optimizations, and configurable variables, while also explaining the design thinking behind such “out‑of‑the‑box” requests.

CSSDesign ThinkingUI/UX
0 likes · 6 min read
How to Turn a Plain Black Button into a Luxurious Shimmering VIP Element
KooFE Frontend Team
KooFE Frontend Team
Jan 4, 2024 · Frontend Development

Avoid Common Button Design Mistakes: Practical Tips for Accessible UI

Drawing on nearly two decades of design experience, this article identifies frequent button design errors that hinder usability and accessibility, examines real-world examples across primary, secondary, and tertiary button styles, and offers concrete, WCAG‑compliant guidelines to create clear, inclusive, and visually hierarchical buttons.

UI accessibilityUX best practicesWCAG
0 likes · 11 min read
Avoid Common Button Design Mistakes: Practical Tips for Accessible UI
Yuewen Frontend Team
Yuewen Frontend Team
Feb 27, 2019 · Frontend Development

Mastering Button Component Design: Naming, Extensibility, and Best Practices

This article explores how to design and extend button components effectively by emphasizing early communication with designers, strategic naming conventions based on location, color, or function, and practical CSS architecture—including themes, sizes, shapes, states, and code examples—to achieve scalable and maintainable UI solutions.

button designcomponent namingfrontend
0 likes · 21 min read
Mastering Button Component Design: Naming, Extensibility, and Best Practices