之前自己发了个安利LuLu UI组件的微博，其中有位同行对于弹框组件提了这么一个问题：大佬，这种info类型的，为什么还要带个x？明明有确定按钮，似乎这个叉叉按钮去掉也没什么事，是不是很多人有类似的疑问？我很早之前就有过这样的想法，而且还付诸实践，直接把几个提示框右上角关闭按钮去掉，好干净好清爽，而且功能也没什么问题，还洋洋得意。后来，不断学习和积累，才发现当初的我对交互设计和用户体验的认知还很浅薄。
“Web综合”目录存档
实力科普：为什么浮层或弹框一定要有叉叉关闭按钮？
2018年07月14日，星期六《CSS世界》女主角诚寻靠谱一起奋斗之人
2018年06月5日，星期二
玩转HTML5 Video视频WebVTT字幕使用样式与制作
2018年03月22日，星期四HTML5 Video视频支持支持外挂字幕，文件后缀名是.vtt，称为WebVTT格式，专门的web字幕格式。使用很简单，用一个<track>元素即可。并且字幕的样式是可以控制的。
我对知乎前端相关问题的十问十答
2017年06月2日，星期五之前知乎上有不少同行邀请我回答一些前端相关问题，但是，大家都知道了，要认真回答一个问题是需要大量时间和精力的，对于还在不断学习积累阶段的我，时不时分散原本的精力，打乱自己原本的节奏，实际上是一件不划算的事情。所以我决定选十个比较具有代表性，自己能够驾驭的前端问题统一作答。
CSS :focus伪类JS focus事件提高网站键盘可访问性
2017年04月23日，星期日所谓“键盘可访问性”，指的是用户只使用键盘访问网站的能力。例如，我们的iMac鼠标没电了，或者鼠标坏了，或者在智能电视中访问我们的网站，此时就只能依赖于键盘访问了。
我们只要平时注意HTML语义化，例如按钮不要使用<span>，<div>等标签，不要重置outline，基本上键盘可访问性就已经及格了。
若想再进一步提供，就需要看看本文的内容了……
基于active,checked等状态类名的web前端交互开发
2016年10月30日，星期日常见的交互效果我们要不JS直接控制样式，要么添加一个具有我们希望样式的类名，但是，这两种实现都有不足之处，就是样式和行为耦合，对于日后的维护带来了隐患，怎么办呢？可以试试本文的基于active,checked等状态类名的web前端交互开发，说不定会为你打开另外一扇窗……
找到适合自己的前端发展方向
2016年08月26日，星期五前端发展迅猛，除了自身更加厚重外，往前以及往后都有了发展和延伸，当前对前端的要求更高，而人的精力总是有限的，这个时候，就需要我们把有限的精力放在更适合自己发展的方向上，那应该放在哪个方向上呢？本文就将通过我自身的经验、观察和认识，为大家指明前进的道理。
JS一般般的网页重构可以使用Node.js做些什么
2016年06月7日，星期二做前端的应该都听过Node.js，偏开发背景的童鞋应该都玩过。
对于一些没有计算机背景的，工作内容以静态页面呈现为主的前端，可能并未把玩过Node.js，且很有可能对Node.js都没有一个比较立体的认识——知道这玩意可以跑服务，构建很多前端工具，看上去很厉害的样子，但是，可能就仅限于此了。
实际上，就算你JS一般般，你也能搞出一些有意思，可以提高自己生产效果的小工具小脚本什么的，本文就将通过示例演示，玩Node.js，只要懂中文，会毛毛雨程度的JS就够了……
基于screen.width的伪响应式开发
2016年06月3日，星期五传统的响应式实现往往基于基于media query查询，这是基于CSS的布局控制，因此，当我们缩小浏览器窗口，可以即时看到布局变化。但是，这种实现在我看来，除了让总监大人可以方便体验窄屏效果外，就然并卵了！ 而反倒是有可能增加了额外的资源消耗和开发成本。
那有没有什么办法既能满足响应式的需求，同时我们开发这边不要那么烦心呢？
试试使用screen.width来做伪响应式开发……
我的应用
我的应用