深入介绍 CSS border-image 的历史，特性以及在某些场景下无可替代的作用，独家内容，不容错过。
文章关键字 ‘outline’
被低估的border-image属性
2022年02月25日，星期五第五届CSS大会主题分享之CSS创意与视觉表现
2019年06月9日，星期日
第五届CSS大会主题分享之“CSS创意与视觉表现”文字版完全整理，共有10个纯CSS实现的创意案例，旨在展现CSS的潜力，同时激发你的CSS创意思维。每个案例都有demo，原理讲解，文末还有分享文档，希望对你CSS学习有所帮助。
CSS :focus-visible伪类让我感动哭了
2019年03月24日，星期日
:focus-visible可以让我们知道元素的聚焦行为到底是鼠标触发还是键盘触发，从而可以更有效地控制浏览器中因为focus行为触发的outline轮廓样式，解决了我一个困扰我多年的难题。
借助HTML5 details,summary无JS实现各种交互效果
2018年01月15日，星期一HTML5 details, summary这两个标签元素内置交互行为，我们可以充分利用这种交互特性不借助任何JavaScript代码实现各种交互效果。当然，前提需要解决自定义以及outline等体验问题。本文就将带你深入探索这两个非常实用的标签元素。
jquery.guide.js新版上线操作向导镂空提示jQuery插件
2017年05月18日，星期四网站上线或者改版的时候，常常会做一个操作向导，告诉用户一些重要操作到了哪里，或者什么地方隐藏了什么好玩的东西，等等，虽然我都是直接关掉的，或者快速跳过，但是对有部分用户而言还是很有用的。
这种提示比较好的交互效果是采用镂空的半透明遮罩，视觉重点一目了然，类似这样……
HTML tabindex属性与web网页键盘无障碍访问
2017年05月13日，星期六HTML虽然入门简单，但是，要想日后深入，却要花费非常大量的时间，因为一些看似非常简单的属性，实际上牵扯到另外一个完整领域的知识。例如本文要介绍的这属性tabindex，与web网页无障碍访问息息相关，而且是键盘访问领域的。
这些属性不仅可以触发浏览器层面的行为，本身对HTML的元素的交互特性甚至UI表现都会有影响。
CSS :focus伪类JS focus事件提高网站键盘可访问性
2017年04月23日，星期日所谓“键盘可访问性”，指的是用户只使用键盘访问网站的能力。例如，我们的iMac鼠标没电了，或者鼠标坏了，或者在智能电视中访问我们的网站，此时就只能依赖于键盘访问了。
我们只要平时注意HTML语义化，例如按钮不要使用<span>，<div>等标签，不要重置outline，基本上键盘可访问性就已经及格了。
若想再进一步提供，就需要看看本文的内容了……
小tip: CSS3如何实现圆角的outline效果？
2015年04月30日，星期四茫茫CSS海，乍一看去，貌似没有能让outline圆角的东西。注意措辞，“貌似”，我们如果有双犀利的眼睛，还是会发现某处藏可以让outline圆角的东西。这个东西是？……
点进去看看就知道了，有Demo，有截图，有源代码展示盒必要的讲解，总之，希望本文的内容能够对您的学习有所帮助！
小卖弄：纯CSS实现的outline切换transition动画效果
2013年11月13日，星期三我记得有个版本的迅雷软件，会发现focus文本框时候，其外发光的外挂会跟着动画移动。据说这一系列N动画交互引擎的维护成本还是挺高的。
今天，偶然看到一个名叫Nikita Vasilyev的兄弟在web页面上折腾了个类似效果。其是JS实现的，我习惯性就想，可不可以CSS实现呢，一番折腾，发现，竟然……
js下拉菜单实现与可访问性问题的一些思考
2010年09月10日，星期五从本文的题目可以看出，内容的重点在于“下拉菜单”“可访问性”，其实前面的“下拉菜单”只是用来示例，“可访问性”才是本文的重点。本文就页面的“可访问性”讲了很多。一如既往，丰富的截图，必要的代码示例，还有UI良好的demo页面。天色已晚，话不多说，总之，应该会对您的学习有所帮助的。
我的应用
我的应用