可能很多小伙伴都不知道，我们只要在HTML代码上设置几个属性，就可以让浏览器支持我们自定义的快捷访问方式，而这个神奇的属性就是本文要介绍的，accesskey属性。
HTML accesskey属性与web自定义键盘快捷访问
2017年05月15日 by 阅读 35429 次, 今日 5 次HTML tabindex属性与web网页键盘无障碍访问
2017年05月13日 by 阅读 42705 次, 今日 1 次HTML虽然入门简单，但是，要想日后深入，却要花费非常大量的时间，因为一些看似非常简单的属性，实际上牵扯到另外一个完整领域的知识。例如本文要介绍的这属性tabindex，与web网页无障碍访问息息相关，而且是键盘访问领域的。
这些属性不仅可以触发浏览器层面的行为，本身对HTML的元素的交互特性甚至UI表现都会有影响。
HTML <area><map>标签及在实际开发中的应用
2017年05月6日 by 阅读 72729 次, 今日 6 次之前，我一直以为HTML <area>是一个鸡肋HTML，估计到了HTML5时代会被废弃的命。但是，最近一查资料，乖乖了个咚，不仅没被废弃，反而发展了，新增了一些标签属性，例如rel，media，hreflang等。
然后进一步研究发现，尼玛这货居然还可以用来解决一个困扰我很多年的棘手问题，形象立马高大上了起来。
CSS :focus伪类JS focus事件提高网站键盘可访问性
2017年04月23日 by 阅读 41866 次, 今日 6 次所谓“键盘可访问性”，指的是用户只使用键盘访问网站的能力。例如，我们的iMac鼠标没电了，或者鼠标坏了，或者在智能电视中访问我们的网站，此时就只能依赖于键盘访问了。
我们只要平时注意HTML语义化，例如按钮不要使用<span>，<div>等标签，不要重置outline，基本上键盘可访问性就已经及格了。
若想再进一步提供，就需要看看本文的内容了……
真正了解CSS3背景下的@font face规则
2017年03月30日 by 阅读 68787 次, 今日 6 次很多人只要一提到@font face规则，心中就会不由自主“哦~~”的一声：“这个我知道，可以用来生成自定义字符小图标！”话是没错，问题在于很多人就以为生成字符小图标就是@font face规则的全部，实际上只是功能之一，如果真正了解@font face规则，你会发现，@font face规则可以做的事情其实非常多，尤其我们不考虑IE7，IE8浏览器的情况下……
CSS font-family常见中文字体对应的英文名称
2017年03月25日 by 阅读 113666 次, 今日 14 次虽然一些常见中文字体直接使用中文名称作为CSS font-family的属性值也能生效，但我们一般都不使用中文名称，而是使用英文名称，主要是规避乱码的风险。还有一些中文字体，直接使用中文名称作为CSS font-family的属性值是没有效果的，需要使用对应的英文字体名称才可以。也即是说，不管怎样，你要想使用中文字体，就必须要知道其对应的英文名称…
canvas 2D炫酷动效的实现套路和需要的技术积累
2017年03月18日 by 阅读 53924 次, 今日 6 次目前在web领域，基本上看到那些酷酷的2d动效，都是canvas实现的，flash已经基本上都被淘汰了，canvas效果的实现，无需安装任何插件，IE9及其以上浏览器支持，至少在移动端，大家可以放心大胆使用，甚至webGL 3D效果都可以尝鲜。
无论是雪花飘，星星动还是粒子飞，其canvas实现都是一样的套路…
【翻译】借助SVG实现背景透明JPG图片
2017年03月9日 by 阅读 45806 次, 今日 3 次人物往往色彩丰富，有时候会遇到需要背景透明的场景，结果PNG24图片尺寸太大，PNG8质量太差，JPG尺寸最小效果还好，但是背景又不透明，有没有什么办法就有JPG的小尺寸好效果，同时背景透明呢？本文的处理技巧可能会对你解决相关问题提供一些思路。
使用CSS offset-path让元素沿着不规则路径运动
2017年03月5日 by 阅读 59617 次, 今日 6 次在web端，要让一个元素按照特定的路径运动，在之前，基本上只能借助于SVG SMIL animation来实现，但是，随着浏览器的发展，CSS代码也能实现这样的功能，本文就将介绍如何使用CSS中的offset-path属性让元素沿着不规则路径运动。有demo有截图还有gif演示，总之，希望本文的内容能够对您的学习有所帮助。
了解CSS属性font-kerning,font-smoothing,font-variant
2017年02月23日 by 阅读 35325 次, 今日 1 次本文很简单，了解几个可能平时用得不太多，长得不太熟的font相关的几个CSS属性，分别是：font-kerning, font-smoothing和font-variant。
我的应用
我的应用