我记得有个版本的迅雷软件，会发现focus文本框时候，其外发光的外挂会跟着动画移动。据说这一系列N动画交互引擎的维护成本还是挺高的。
今天，偶然看到一个名叫Nikita Vasilyev的兄弟在web页面上折腾了个类似效果。其是JS实现的，我习惯性就想，可不可以CSS实现呢，一番折腾，发现，竟然……
文章关键字 ‘focus’
小卖弄：纯CSS实现的outline切换transition动画效果
2013年11月13日，星期三span与a元素的键盘聚焦性以及键盘点击性研究
2013年02月20日，星期三我们平时涉及点击交互事件的时候，都是使用的a元素或者button元素，原因是可以相应键盘focus效果以及回车触发点击事件，这是众所周知的。
但是，可能存在一些特殊情况，我们需要使用默认没有键盘可访问性的元素，例如span元素，我们可以通过一定的设置支持键盘的可访问性，这是不为所知的，也是本文的重点所在。
jQuery powerFloat万能浮动层下拉层插件
2010年12月16日，星期四
本文就是介绍自己最近一直在整的一款jQuery插件，名为powerFloat，中文名为万能浮动层插件。顾名思意就是可以实现基本上一切与某元素有位置关系的浮动效果。插件虽然强大，但是考虑到API的精炼，虽然制定了不少特殊的规则，所以此插件在学习成本上比一般的插件要高一点。这也是为何本文的内容会比较长的原因。其他就不多说了，虽然王有婆卖瓜的味道，但是我还是要说这个插件还是挺不错的。如果您对其中的规则都熟悉的话，会对您开发制作页面有很大的帮助的。主要是省掉了很多的功夫。
js下拉菜单实现与可访问性问题的一些思考
2010年09月10日，星期五从本文的题目可以看出，内容的重点在于“下拉菜单”“可访问性”，其实前面的“下拉菜单”只是用来示例，“可访问性”才是本文的重点。本文就页面的“可访问性”讲了很多。一如既往，丰富的截图，必要的代码示例，还有UI良好的demo页面。天色已晚，话不多说，总之，应该会对您的学习有所帮助的。
页面可用性之outline轮廓外框的一些研究
2010年01月4日，星期一在IE以及Firefox浏览器下，默认情况下，点击链接文字或图片（特指a标签下的）。会留下一个轮廓框。就我个人而言，对于链接点击后留下的轮廓框，我都是采取无视的态度，因为权衡来讲，对链接轮廓框大动干戈麻烦大于好处。但是网站千差万别，总有需要解决这类虚框的时候。
目前网上或设计师工程师常用的方法就是设置…，此方法确实有效，或是由于跟风，或是由于没有深入思考，或是根本没有必要想那么多，此方法会大大降低页面的可用性…
我的应用
我的应用