BestHub
Sign in
Tagged articles
3136 articles
Page 32 of 32
Qunar Tech Salon
Qunar Tech Salon
Feb 9, 2015 · Frontend Development

Current State and Future Trends of Responsive Web Design

This article reviews the origins, widespread adoption, design patterns, and future challenges of responsive web design, explaining fluid grids, media queries, and scalable images while arguing for a content‑first approach and outlining obstacles such as responsive images, cross‑device interaction, performance, and workflow integration.

FrontendMedia Queriesfluid grids
0 likes · 11 min read
Current State and Future Trends of Responsive Web Design
Baidu Tech Salon
Baidu Tech Salon
Jan 7, 2015 · Frontend Development

Front‑End vs iOS Development: Languages, Threads, Storage & Performance Compared

This article analytically compares web front‑end development and iOS mobile development, covering language choices, threading models, data storage strategies, framework ecosystems, compatibility challenges, performance optimization, compilation processes, security considerations, and the impact on user interaction and development workflow.

FrontendJavaScriptMobile
0 likes · 13 min read
Front‑End vs iOS Development: Languages, Threads, Storage & Performance Compared
MaGe Linux Operations
MaGe Linux Operations
Dec 19, 2014 · Frontend Development

Master Web Image Optimization: Formats, Tools, and Best Practices

Web image optimization, covering when to use images, selecting appropriate formats like JPEG, PNG, GIF, SVG, and WebP, sizing strategies, responsive techniques, and a range of tools—from command‑line utilities to GUI applications and automated workflows—helps reduce bandwidth, improve performance, and enhance user experience.

FrontendImage OptimizationWeb Performance
0 likes · 16 min read
Master Web Image Optimization: Formats, Tools, and Best Practices
Suning Design
Suning Design
Nov 13, 2014 · Frontend Development

Discover 20+ Lightweight jQuery Plugins to Boost Your Frontend

This guide showcases a curated collection of lightweight jQuery plugins—covering layout, animation, media, sliders, typography, and utility features—each described with its core functionality and visual example to help developers enhance website interactivity and design efficiently.

FrontendJavaScriptPlugins
0 likes · 8 min read
Discover 20+ Lightweight jQuery Plugins to Boost Your Frontend
We-Design
We-Design
Nov 3, 2014 · Frontend Development

How We Revamped the WeChat Open Platform’s Visual Design for Better Developer Experience

This article details the visual redesign of the WeChat Open Platform, explaining the problems of over‑layered navigation and inconsistent branding, the design decisions made to simplify hierarchy, unify style with other WeChat sites, improve typography, and the ongoing work needed for responsiveness and retina support.

FrontendOpen PlatformUI/UX
0 likes · 7 min read
How We Revamped the WeChat Open Platform’s Visual Design for Better Developer Experience
Suning Design
Suning Design
Oct 29, 2014 · Fundamentals

What Can You Learn from Analyzing Material Design’s 18 Core Components?

This article examines Material Design’s 18 essential UI elements—buttons, dialogs, tabs, snackbars, and more—explaining their variations, usage guidelines, and the design principles of visibility and consistency that help creators build cohesive, user‑friendly interfaces.

Design GuidelinesFrontendMaterial Design
0 likes · 7 min read
What Can You Learn from Analyzing Material Design’s 18 Core Components?
Suning Design
Suning Design
Oct 28, 2014 · Frontend Development

6 Practical Tips to Make Your Web Design Light and User‑Friendly

This article outlines six actionable techniques—ranging from responsive logo areas to subtle temporary task handling—to create lighter, more responsive web designs that minimize user distraction and improve overall usability.

FrontendUI designlightweight design
0 likes · 7 min read
6 Practical Tips to Make Your Web Design Light and User‑Friendly
MaGe Linux Operations
MaGe Linux Operations
Oct 21, 2014 · Frontend Development

How to Build a Complete Website Solo: A Step-by-Step Guide for Beginners

This guide walks you through the entire process of creating a personal website alone—from planning front‑end layouts and using Bootstrap, to back‑end logic with ThinkPHP, setting up MySQL, deploying on SAE, binding a domain, and final polishing—offering practical tips for rapid, flexible development.

Frontendbackendwebsite development
0 likes · 8 min read
How to Build a Complete Website Solo: A Step-by-Step Guide for Beginners
Baidu Tech Salon
Baidu Tech Salon
Oct 17, 2014 · Information Security

How to Hook and Hide JavaScript APIs to Thwart XSS Attacks

This article explores practical techniques for intercepting and protecting JavaScript APIs—such as setAttribute—using MutationObserver, API hooks, random token naming, property hiding, and recursive iframe monitoring to build a resilient front‑end defense against XSS and other injection attacks.

API interceptionFrontendHook
0 likes · 14 min read
How to Hook and Hide JavaScript APIs to Thwart XSS Attacks
Suning Design
Suning Design
Sep 30, 2014 · Frontend Development

Master Ghost Buttons: 20 Inspiring Web Design Examples

This article explores the sleek, minimalist trend of ghost (transparent) buttons in web design, explaining their visual advantages and offering twenty real‑world examples that demonstrate how to balance background treatment, typography, and button styling for effective user interaction.

Frontendghost buttontransparent button
0 likes · 11 min read
Master Ghost Buttons: 20 Inspiring Web Design Examples
Baidu Tech Salon
Baidu Tech Salon
Sep 15, 2014 · Frontend Development

Logical, Business, and Design Thinking for Front‑End Engineers

Front‑end engineers must blend logical planning, business‑savvy estimation, and design thinking by collaborating with back‑end developers, designers, and product managers to write reusable, maintainable code, anticipate changes, propose user‑focused solutions, and translate static mock‑ups into responsive interfaces that meet both technical and client expectations.

Design ThinkingFrontendTeam Collaboration
0 likes · 7 min read
Logical, Business, and Design Thinking for Front‑End Engineers
Suning Design
Suning Design
Sep 11, 2014 · Frontend Development

How Whitespace Transforms Web Design: 10 Inspiring Examples

This article explores the concept of Exformation and demonstrates how strategic whitespace can enhance web design through ten curated examples, illustrating minimalist aesthetics, focus on content, and creative visual balance for modern websites.

Design PrinciplesFrontendUI
0 likes · 6 min read
How Whitespace Transforms Web Design: 10 Inspiring Examples
Suning Design
Suning Design
Sep 2, 2014 · Frontend Development

20 Essential UI Design Principles Every Frontend Designer Should Know

This article outlines twenty fundamental principles of user interface design—from clarity and interaction focus to visual hierarchy and cognitive load reduction—providing actionable guidance that helps frontend developers create intuitive, efficient, and aesthetically balanced digital experiences.

Design PrinciplesFrontendUI design
0 likes · 11 min read
20 Essential UI Design Principles Every Frontend Designer Should Know
Suning Design
Suning Design
Aug 25, 2014 · Frontend Development

Why Icons Fail: Hidden Usability Pitfalls and How to Fix Them

This article examines the benefits and hidden pitfalls of using icons in graphical user interfaces, explains why many icons are ambiguous, and offers practical guidelines—such as adding visible text, considering relative size, and testing recognizability—to create clear, space‑efficient, and user‑friendly icon designs.

Design GuidelinesFrontendUI design
0 likes · 13 min read
Why Icons Fail: Hidden Usability Pitfalls and How to Fix Them
Suning Design
Suning Design
Aug 11, 2014 · Frontend Development

How Storytelling Transforms Web Design: Techniques to Captivate Users

This article explores how storytelling—through social media, images, illustrations, mascots, parallax effects, and personalization—enhances web design by creating engaging, memorable experiences that strengthen brand communication and improve user interaction across various devices.

Frontendstorytellinguser experience
0 likes · 7 min read
How Storytelling Transforms Web Design: Techniques to Captivate Users
Baidu Tech Salon
Baidu Tech Salon
Aug 1, 2014 · Industry Insights

Inside Google’s Code Culture: Unified Trunk, Feature Flags, and Strict Reviews

The article provides a detailed, data‑driven look at Google’s internal software development practices, covering unified trunk code management, pervasive code visibility, rigorous reviews, feature‑flag experimentation, strict testing, and the blend of Java, C++, and JavaScript in front‑end and back‑end work.

FrontendGooglebackend
0 likes · 17 min read
Inside Google’s Code Culture: Unified Trunk, Feature Flags, and Strict Reviews
Suning Design
Suning Design
Jul 18, 2014 · Frontend Development

How Dynamic Video Transforms Web Pages: Strategies and Real‑World Examples

Dynamic video is reshaping web communication by reducing text reading costs and enhancing user immersion, as illustrated through case studies like Kickstarter’s annual highlights, Google Glass concept sites, Google Doodle, NISSIN, Apple’s Mac 30‑year celebration, and Eastpak’s interactive campaigns, offering practical design insights.

Frontenddynamic mediauser experience
0 likes · 9 min read
How Dynamic Video Transforms Web Pages: Strategies and Real‑World Examples
Baidu Tech Salon
Baidu Tech Salon
Jul 16, 2014 · Frontend Development

Improving Design Skills for Programmers: Tips, Resources, and Best Practices

Programmers can boost their design abilities by regularly studying inspiring sites, allocating as much time to design as coding, emulating strong visuals, coding directly in the browser, mastering CSS and front‑end frameworks, using quality icons and images, iterating relentlessly, prioritizing usability, typography, feedback, and simple, whitespace‑rich layouts.

FrontendUI/UXcss
0 likes · 10 min read
Improving Design Skills for Programmers: Tips, Resources, and Best Practices
Suning Design
Suning Design
Jun 25, 2014 · Frontend Development

Boost Your Page’s Visual Impact: Mastering Image‑to‑Text Ratio in Frontend Design

This article explains how the image‑to‑text ratio, or visual proportion of graphics on a page, influences readability and overall feel, and offers practical frontend design techniques—such as background color tweaks, color blocks, repeated imagery, rhythmic layouts, and graphic elements—to optimize that ratio for a more engaging user experience.

Frontenddesignimage ratio
0 likes · 6 min read
Boost Your Page’s Visual Impact: Mastering Image‑to‑Text Ratio in Frontend Design
Suning Design
Suning Design
Jun 23, 2014 · Frontend Development

Balancing Minimalism and Functionality in Mobile App Form Design

This article explores how designers can strike a balance between minimalistic aesthetics and functional complexity in mobile app form design, covering reductionist approaches, eye‑catching UI techniques such as blurred and dark backgrounds, clear visual flow, and user‑experience strategies that reduce input, provide helpful prompts, and minimize forced actions.

Design PrinciplesFrontendUI design
0 likes · 8 min read
Balancing Minimalism and Functionality in Mobile App Form Design
Suning Design
Suning Design
Jun 18, 2014 · Frontend Development

5 Simple Rules to Make Web Text Readable and User‑Friendly

This article explains why many sites suffer from cramped, tiny text, traces the historical reasons, and offers five practical guidelines—standard font size, ample whitespace, appropriate line height, clear color contrast, and avoiding text‑as‑images—to improve web readability and usability.

FrontendTypographyUsability
0 likes · 7 min read
5 Simple Rules to Make Web Text Readable and User‑Friendly
Suning Design
Suning Design
Jun 9, 2014 · Frontend Development

What Eye‑Tracking Reveals About Effective Web Design

Eye‑tracking studies show that traditional F‑ and E‑shaped layouts aren’t always optimal, highlighting the importance of high‑contrast, centrally placed content and the 3W principle (What, Why, Where) to guide user attention and improve web design effectiveness.

FrontendUIeye tracking
0 likes · 5 min read
What Eye‑Tracking Reveals About Effective Web Design
Suning Design
Suning Design
May 15, 2014 · Frontend Development

9 Proven Web Design Techniques to Make Your Mobile Sites Stand Out

This article outlines nine practical design strategies—ranging from subtle shadows and hover effects to responsive layouts and purposeful animations—that help modern web pages look polished, user‑friendly, and fully compatible with today’s mobile devices.

AnimationFrontendMobile
0 likes · 4 min read
9 Proven Web Design Techniques to Make Your Mobile Sites Stand Out
Suning Design
Suning Design
May 6, 2014 · Frontend Development

How Progressive Disclosure Simplifies Complex Web Interfaces

This article explains the progressive disclosure pattern—showing detailed information only when needed—by describing its four interaction types, illustrating each with real‑world web examples, and showing how it reduces visual clutter and improves usability for novice users.

FrontendInteraction DesignProgressive disclosure
0 likes · 8 min read
How Progressive Disclosure Simplifies Complex Web Interfaces
Suning Design
Suning Design
May 1, 2014 · R&D Management

How Effective PMs Bridge Gaps with Engineers: Practical Tips for Success

This article offers actionable guidance for project managers on understanding technical roles, providing clear information, fostering open communication, handling requirement changes wisely, and motivating teams to create a collaborative environment that accelerates project delivery.

FrontendLeadershipProject Management
0 likes · 7 min read
How Effective PMs Bridge Gaps with Engineers: Practical Tips for Success
Suning Design
Suning Design
Apr 30, 2014 · Frontend Development

Why Hyperlink Design Matters: Boost UX, Accessibility, and SEO

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.

FrontendSEOUX
0 likes · 11 min read
Why Hyperlink Design Matters: Boost UX, Accessibility, and SEO
Suning Design
Suning Design
Apr 21, 2014 · Frontend Development

60 Subtle UI Design Details That Reveal Thoughtful Product Craftsmanship

This article showcases sixty nuanced UI and interaction details across popular apps and platforms—ranging from iOS lock‑screen icon scaling to dynamic favicons—illustrating how small design choices enhance user experience and convey brand personality.

FrontendUI designmobile apps
0 likes · 9 min read
60 Subtle UI Design Details That Reveal Thoughtful Product Craftsmanship
Suning Design
Suning Design
Apr 21, 2014 · Frontend Development

30 Subtle UI Design Details That Enhance User Experience

A curated collection of thirty tiny yet thoughtful UI micro‑interactions—from automatic captcha copying to dynamic progress bars—demonstrates how small design details across popular web and mobile apps can improve usability, convey feedback, and add personality to digital products.

Design PatternsFrontendUI design
0 likes · 10 min read
30 Subtle UI Design Details That Enhance User Experience
Suning Design
Suning Design
Apr 17, 2014 · Frontend Development

6 Essential UI Design Principles to Boost User Experience

This article outlines six fundamental UI design guidelines—clarity, simplicity, familiarity, responsiveness, consistency, and visual appeal—to help designers create interfaces that enhance user experience and improve the success of web projects.

Design PrinciplesFrontendInterface
0 likes · 6 min read
6 Essential UI Design Principles to Boost User Experience
Suning Design
Suning Design
Apr 16, 2014 · Frontend Development

30 Must‑Know UI Design Rules to Capture Users’ Attention

This article presents a comprehensive list of practical UI design principles—ranging from single‑column layouts and clear call‑to‑actions to consistent visual hierarchy and performance optimization—aimed at improving user engagement, reducing friction, and creating intuitive, persuasive interfaces.

Best PracticesFrontendUI design
0 likes · 26 min read
30 Must‑Know UI Design Rules to Capture Users’ Attention
Suning Design
Suning Design
Apr 10, 2014 · Frontend Development

Turning Design Chaos into Seamless Front‑End Collaboration

This article explains how front‑end engineers can overcome common design‑communication hurdles by establishing clear style guidelines, standardizing reusable components, and aligning visual expectations, ultimately creating a unified product look and smoother teamwork between designers and developers.

FrontendUI standardsWeb Development
0 likes · 5 min read
Turning Design Chaos into Seamless Front‑End Collaboration
Baidu Tech Salon
Baidu Tech Salon
Apr 2, 2014 · Frontend Development

Insights into Google’s Development Practices: Code Management, Front‑end/Back‑end Collaboration, and Workflow

Google’s development culture blends full‑stack engineering with universally visible code stored on a single trunk, relies on strict style and unit‑test enforcement, feature‑flag toggles instead of branches, minimal third‑party libraries, server‑side templating and GWT/Dart for front‑end, and data‑driven, heavily reviewed workflows that other firms might emulate.

Frontendbackendcode management
0 likes · 19 min read
Insights into Google’s Development Practices: Code Management, Front‑end/Back‑end Collaboration, and Workflow
Suning Design
Suning Design
Mar 28, 2014 · Frontend Development

Will Comprehensive Dropdown Menus Become the Next Web Navigation Standard?

The article introduces the emerging 'comprehensive dropdown menu' pattern—a hybrid of simple main navigation and dynamic dropdowns—explains its design principles, advantages over traditional sitemap or JavaScript‑dependent menus, showcases examples like the Office 2007 Ribbon, and argues why it may soon dominate web navigation.

FrontendUI designdropdown menu
0 likes · 5 min read
Will Comprehensive Dropdown Menus Become the Next Web Navigation Standard?