图片加载失败的默认UI是比较丑陋的，因为前端开发会使用出错图进行替换，但是这种做法会隐藏图像的内容信息，有没有什么办法在CSS样式美化同时显示图像的信息呢？本文就介绍我摸索出来的应对此场景的最佳实践技巧，希望可以对您的工作与学习带来帮助。
文章关键字 ‘用户体验’
图片加载失败后CSS样式处理最佳实践
2020年10月24日，星期六CSS any-hover any-pointer media查询与交互体验提升
2020年01月17日，星期五
隐私相关-了解HTML5 Do Not Track API
2018年07月26日，星期四
中国的互联网对隐私那真是一点都不上心，前有“李彦宏称中国用户愿用隐私换便利”，后有“美团点评会显示你的好友在哪儿里点过餐，住过什么酒店”。其实浏览器本身提供了API可以让用户保护自己隐私不被跟踪，但是鲜有人知道，就算有知道的，也不会在实际项目中用，因为大环境对隐私都不重视，价值有限。
不过，从近些年诸多事件网民的言论来看，隐私这件事情已经越来越关注，一定会在哪天摆在台面上成为很重要的议题进行发酵的！因此，如果网站能在隐私这件事情上做得能让用户明显感觉到尊重，则这个网站的影响力，公司的口碑说不定会爆炸式增长。那作为前端的我们，可以在这件事情做些什么呢？
是时候好好安利下LuLu UI框架了！
2018年06月12日，星期二
LuLu UI是阅文前端荣誉出品的UI框架，基于jQuery，针对PC网站，兼容IE8+，包含20+静态或动态UI组件，非常适合面向外部用户的网站开发。
具有贴近用户，上手简单，使用场景广泛，成熟，体验好等优点，面向设计，方便体验侧前端同学进行开发，方便设计师视觉还原和创意实现，在PC端用户侧网站开发上，LuLu UI有着不可匹敌的竞争力！
翻译：关于表单每个设计师都必须知道的10件事
2012年04月11日，星期三估计没有什么比表单更让设计师出气了。表单不一定可以让（设计师）表现创意，还是可以？我们可能需要从做基本的层面，重新审视表单，理解表单——表单是用户和软件之间的对话。
忘掉切换啊，点击什么的，表单是我们数字设计师（我想应该是依赖计算机进行设计的设计人员）将面临的最富有的交互。下一次，你要对付一个表单的时候，不要认为就是要应用好看的CSS效果或是添加漂亮的jQuery特效。表单设计的水是很深的。
我已经做过上百个表单用户测试，为保险公司、假期预订交互设计过一些非常复杂的表单，以及其他很多。可能你最近使用的某个表单就是我设计的……
JS前端验证与用户自由思想
2011年12月21日，星期三偏理论的文章，主要讲述用户自由思想下的前端验证模式。本文有文字，有丰富的截图以及实例。其他话就不多说了，一些个人的观点，一些不同于当下主流的见解，希望能有所启示。
页面可用性之浏览器默认字体与CSS中文字体
2010年06月19日，星期六本文主要阐述我们绝大多数开发人员可能会忽略的不知道的一个用户体验与页面可用性的一个问题，截图丰富，没有Demo，下面为文章内容摘要，相信会对您的进步提供一点帮助的。
我们可能仅仅是忽略而已，仅仅是不知道而已！对于中文网站，我们的用户绝大多数是中文用户，在页面上设置中文字体属性(宋体/simsun)会降低页面的可用性和潜在的用户体验。如今的web，好的产品往往是可以满足用户的个性需求和自主能动性。页面上中文字体的设置会扼杀浏览器的默认中文字体，无法让用户以自己喜欢的中文字体显示。所以，我个人的倾向是，不要再CSS中，至少在body/html这类标签上设置中文字体。
我本想把本文的题目定为“不要再CSS中定义中文字体”，这样的题目更有噱头，但是……（我要转折）。因为我突然想到，有些网站就是不让你使用您自己定义的字体，比如网站可能会使用“微软雅黑”与“宋体”来区分中文与标题，如果网站中文字体可以提过浏览器自定义，例如“微软雅黑”，则标题与正文字体一致，反而增加了阅读浏览负担，降低了用户体验。
所以，到底哪种做法更好，要看实际的情况，合适的往往是最好的。但是，您需要知道：在CSS中设置中文字体会让中文用户无法通过修改浏览器默认字体来按照自己的需要浏览网页。至于具体您会怎么做，那就看您自己了……
翻译 – 从心理学角度看UX设计
2010年05月28日，星期五本文是一篇非常不错的关于用户体验设计的文章，本文作者是一个心理学家，他从他所研究的领域去看到用户行为，用户体验，相信会给你带来不一样的观念与知识。
纯粹的文字翻译，没有插图，没有demo。
翻译水平有限，若有不准确之处欢迎指正。
CSS+JavaScript实现页面不同布局的切换
2010年03月25日，星期四我们平时使用windows操作系统，应该见过文件才查看功能，我们可以选择“平铺”、“图标”、“列表”、“详细信息”等，这是一个不错的功能，可以让用户自定义一些自己喜欢的偏好的显示方式，我们再web页面上，同样可以做。这可能说是一种提高用户体验的方法。
本文就将展示如何在web页面上轻松的实现布局的切换，查看方式的转换。提供详尽的插图，提供详尽的demo，以及对应的代码，希望能对您有所帮助。
我的应用
我的应用