极致用户体验

最近我在创作者打榜活动中，发现了掘金活动页面一个样式问题。用户手机设定了默认的字体，而前端程序员没有测试到这种「宽」字体，导致按钮文案换行了。

统一添加导航栏的5个方案是：服务端渲染、前端编译时添加、前端运行时添加、基于框架组件、基于微前端。我对比了5个方案的优劣，帮你做出合适的选择。

半页面弹窗是前端移动端中非常常用的组件。要做一个用户体验好的、对开发者友好的半页面弹窗，并不容易。本文介绍如何实现这样的半页面弹窗。

在互联网时代，有幸为“障碍群体”开发无障碍的Web应用，让他们也能跟上时代潮流。我对这件事感到十分荣幸。今天，我带你了解下：小程序如何适配无障碍？

在互联网时代，有幸为“障碍群体”开发无障碍的Web应用，让他们也能跟上时代潮流。我对这件事感到十分荣幸。今天，我带你了解下：Web如何适配无障碍？

在互联网时代，有幸为“障碍群体”开发无障碍的Web应用，让他们也能跟上时代潮流。我对这件事感到十分荣幸。今天，我带你了解下：什么是无障碍适配？

在网页中加一个「返回」按钮，有时可以调用history.back返回，有时调用history.back无法返回，必须用history.replaceState。在多页面应用中，如何实现呢？

2022年，我不建议你使用rem作为CSS单位了，而应该用px。本文介绍了rem的诞生历史，并循序渐进解释了不建议用rem的原因。

小程序有rpx属性，减少了适配各种手机设备的成本，提高了开发效率。但它并不是银弹，在宽屏设备上（例如Pad），用户体验较差。如果你追求极致用户体验，我建议你用px而非rpx。

在iPhone或iPad的微信浏览器中，如果用户之前设置了网页的大字号，进入任意网页时，就有个明显的闪动。网页开发着如何解决这个问题呢？本文提供完美方案！

本文给你全网最完美的适配微信大字号的解决方案！ 超过90%的网页，不支持微信大字号模式！在微信浏览器的大字号模式/关怀模式下，网页排版会错乱。该如何解决呢？

超过90%的网页，不支持微信大字号模式！在微信浏览器的大字号模式/关怀模式下，网页排版会错乱。快来看看，你的网页样式还正常吗？如何解决呢？

用户体验好的canvas应有2个特性: 一屏展示全、比例与初始屏幕一致，且缩放过程中，比例不变并尽量撑满屏幕。本文教你如何实现这种极致用户体验的响应式canvas。

给元素之间添加分割线，只需要一行牛逼的CSS！前提是你要学会文中这几个高级的CSS选择器，跟我一起来学习吧！以后秒杀CSS分割线需求！

我做了个《联机五子棋》游戏，为了追求极致用户体验，我在很多细节上都花了很多功夫。我希望把这些经验分享给大家，相信你一定有所收获。

我做了个《联机五子棋》游戏，为了追求极致用户体验，我在很多细节上都花了很多功夫。我希望把这些经验分享给大家，相信你一定有所收获。

移动端适配，每一个前端都绕不开的话题，产品经理也很难知道移动端适配的成本。本文罗列了3种常见的移动端适配方案，并给出了各方案的时间成本。最后，给出了2行代码实现移动端适配的最简方案。

只要网页里有「返回」都会遇到这个问题。其实，你用back或push实现，都有问题。本文提供了完美解决方案，实现了逻辑正确的「返回」按钮，而且没有剥夺用户使用「原生返回」的权利。

什么是Link Button? 我想表达的是「需要导航能力的可点击元素」。如果你追求极致用户体验，一定要允许用户新页面打开。因此最好用<a>标签实现，但也引入了新的问题。本文给出了完美的解决方案。

你也许有这种感觉：色号都是精心配的，但网页没有「高级感」。我找了ant design，发现了答案——阴影。常见的包括3种阴影：容器、文本、图片阴影。不同的阴影要在恰当场景使用，本文介绍了这些使用场景。