8月份时，断断续续把整个网站的 JavaScript 重写了一遍，原因很简单，自这个博客创建以来，一直都是依赖于 jQuery 库，随着 jQuery 库的愈发臃肿，以及自身对于 JavaScript 的日渐熟悉，摆脱 jQuery 的想法也越来越强烈了，于是终于在上个月，达成目标了。这里必须补充一下，Kayo 之所以想摆脱 jQuery ，原因有二： 一是因为 jQuery 的体积已经比较臃肿了，加载需时，对于移...
Read More –>早一段时间，有一直研究 HTML5 和 CSS3 ，自己也做了不少 Demo ，只是 HTML5 Video 和 Audio 由于自己平时比较喜欢留意不同的播放器，因此特别想做一个自己喜欢的设计，考虑到会比较花时间，所以一直没有做出完整的 Demo 。 刚好最近有灵感了，就下定决心做一个完整的视频播放器。首先放出成品： 做完这个播放器之后，感觉 HTML5 Video 提供的 API 已经很完善，考虑到一个播放器所...
Read More –>HTMl5 推出了一个很“特别”的 API Page Visibility ，之所以说它特别，是因为这个 API 关注的是一个很少人留意的功能 —— 浏览器标签( tab ) 是否被激活。这里必须解释一下，这个“激活”，指的是这个标签是否正被用户浏览，或者说是否为当前标签。 那么，这个 API 究竟有些什么用途呢？通常，很多传统的页面在用户没有激活它的时候，它还会继续工作，例如，当用户正在浏览新闻门户，而他之前打开的...
Read More –>偶遇两道 JavaScript 题目，觉得都比较有趣，分享一下。 第一道是很老的题目了，getElementsByClassName，写一下当作练习： 下面这个思路比较简单，基本也是 Robert Nyman 的思路了，判断了 IE5 中使用原生的 all 属性代替其不支持的 getElementsByTagName ，使用 indexOf 判断相应的 class 是否匹配。 function getElemen...
Read More –>因为万恶的 IE 存在各种的不标准，因此，在进行页面开发时不免要为 IE 单独写一些 CSS 。熟悉的方法有 IE hacks 和条件注释 CSS（Conditional Stylesheets），下面，不妨讨论一下这两种方法的优缺点。 IE hacks 举个例子，一个元素在其他浏览中的左边距是 30px ，而在 IE6 中则设置为 20px ，可以如下编写： .demo {margin-left: 30px; ...
Read More –>在实际的 Web 开发中，不免会出现一种情况 —— 为了做出美观的按钮样式或者是兼容低级浏览器，而使用 a 、span 等标签来设计按钮。从外观的角度上说，这样是一个不错的解决方案，做出了美观的按钮又便于兼容不同的浏览器，只是在这个过程中，网页的可访问性悄悄地降低了。 既然是可访问性降低了，那么在这个模拟按钮的过程中，相对于使用如 input[button]、button 这类原生按钮标签的网页来说，必定是缺少了一些...
Read More –>最近移动科技新闻版满屏都是两个新闻 —— Blink 的开发和 Facebook Home 的发布，当然，作为一个神秘的网站，如果我在这里讨论后者，童鞋们肯定会说“根本没有这个网站，我搜过了，打不开”。所以，今天讨论的重点当然是 Blink 。 Blink 是谷歌在 Webkit 核心的基础上自行开发的浏览器引擎，同时，谷歌放弃了对原生 Webkit 的开发。这无疑是一个重磅消息，因为这实在意味着太多了，我们不难想象...
Read More –>相对于离线应用，Web SQL Database 等特性，如 Canvas，Video 等媒体应用类的 HTML5 特性我用得比较少，于是今年年初的时候就尝试用这些新特性做点练习，感受一下 HTML5 在媒体应用方面的能力，今天重新翻了一下这些 Demo，整理了两个网页时钟 —— 一个主要用 Canvas 实现，一个主要用 CSS3 实现，为什么是“主要”？因为无论那种方式，都需要 JavaScript 和 HTML...
Read More –>看到标题，相信会很容易联想到 IE6 不支持除 a 外的 :hover 伪类，不过这只能说是万恶的 IE6 对于 CSS 选择器的支持太差了，还不能说是 Bug 。而接下来 Kayo 要说明的，是个实实在在、不折不扣的 Bug 。 这个 Bug 是关于一个比较常用的效果 —— hover 后改变子元素效果。 例如，有如下的一个导航， hover 后的链接中的文字会改变颜色 <div id="nav...
Read More –>接上一篇文章《一些惊艳的 CSS3 之一》 三. 多重背景 多重背景并没有使用新增的 CSS3 属性，而是在我们都很熟悉的 background-image 作出调整，支持同时使用多个图片，例如：传统来说，为元素设置背景图会像如下设置： #demo {background: url(bg1.png) no-repeat; } 但是在 CSS3 中，设计师可以同时为一个元素指定多个背景，例如： #demo...
Read More –>最近对一些 CSS3 的新特性作出了不少的介绍说明，这些内容大多都是 CSS3 中相对比较普及的内容，其实 CSS3 还有很多很酷的特性，只是这些特性在浏览器支持和网站的具体使用上比较逊色，但是仍具有不少的魅力，今天这篇文章要介绍的就是几个比较酷而相对介绍较少的 CSS3 特性。 一. 边框新特性 在 CSS3 中，border 增加了两个新的特性，一是边框图片，而是在边框颜色中使用渐变色。 边框图片利用 borde...
Read More –>除了在之前的文章中介绍过的 CSS3 的变形 (transformation) 和转换 (transition) 外，CSS3 还有一种自由度更大的自定义动画，开发者甚至可以使用变形（transformation）和转换（transition）制作自定义动画，利用纯 CSS 制作出像 Flash 一样的效果。在实际使用中不难发现，变形和转换更适合做元素的交互，而自定义动画除了做交互外还能使到网页具有活力，有了自定义动...
Read More –>