为什么又开坑 整个博客静寂了2年，最近服务器提示快要过期了，想着不希望年少时期的文字就这么消失，一口气续费了5年。支付完了又有些懊恼，不能这样了啊，这个费用不能浪费了。 于是乎，新坑来了，这回我们使用JavaScript来做游戏了。 实际上，pygame系列为本博客带来了不少流量，但是平时工作学习中，python的使用只占据我5%不到编码量。当然这并不是因为Python有什么不好，只是这些年所在的… Read More »
css3给我们带来了很多美好的东西，比如动画，再也不用使用jQuery来做低效的动画模拟了。不过想来大家也知道css3 transition动画的一些限制，比如说一个高度为auto的div，你是不能够使用transition: height来生成平滑的伸展效果的，按照css3的说法，大概是只有固定值之间，才能使用插帧什么的手段实现，总觉得这个说法有点儿牵强，浏览器难道不知道正常情况下的高度吗？ 无… Read More »
之所以说小小记，是因为我根本没有好好用它，只是正好前些日子接触了一下，觉得还不错，随手记记~ 契机 我从加入现在这个公司以来，半专业的承担了很多前端相关的事情，用过不少前端框架，也为框架和原生的页面写了不少部件和功能，对于IE系列浏览器的憎恶也与日俱增。“每个程序员都有一个框架梦”，我一直也想着要写一个适用于自己和自己公司的前端框架，同事和领导有时候也会这么对我期望，而我自己很清楚，没有时间没有精… Read More »
我假设凡是对这篇文章有兴趣的朋友都是知道impress.js的，如果不知道，您可以搜索一下，或者更直接的，请往下看，您就明白了。 impress.js中文范例 —— 这个可一定要看一下，不然哪有动力应付下面一堆蚊子？ 或许有些朋友在寻找如何使用impress.js这个奇妙的工具的教程，实际上，它的范例文件中的注释就是最好的教程了，不过里面是鸟……英语，所以我翻译了一下，希望对大家有所帮助。 <… Read More »
老主题厌倦了，现在处处吹简洁风，我也来俗套一把~ 结果就是这样的，不再有图，除了文章里的，颜色尽量的少，事实上就三四种颜色，文字的灰色，链接的绿色或蓝色（链接为什么要两种颜色？对啊…… 为什么啊，下个版本链接就一种颜色！），加上背景的白色，简约又简单，不错不错…… 有几个地方得记录一下… 导航菜单 菜单很简单，鼠标移过去会显示子菜单，并有类似Meter风的下划线，只不过这个菜单在IE6… Read More »
说明完了线性渐变，我们再来看看径向渐变，其实我觉得两者是一回事儿……只不过径向渐变的浏览器兼容性更糟糕一些（现在已经好多了），为了不出洋相，我们还是要多知道一些。 什么是径向渐变 又要解释一下什么叫径向渐变，其实就是环形的渐变了，由圆心（或者是较小的同心圆）开始向外扩散渐变的效果，听着有些抽象，往下看图一下子就明白了。线性渐变指定了起点和终点，径向渐变则指定了开始的结束园的圆心和半径。这里使用cr… Read More »
这一章讲解Canvas绘图中的线性渐变，不过呢，渐变的处理在各种浏览器中还略有不同，我们也会就这方面做一些说明。 什么是线性渐变 所谓线性渐变，是指从开始地点到结束地点，颜色呈直线的徐徐变化的效果。为了实现这种效果，我们绘制时必须制定开始和结束的颜色。而在Canvas中，不仅可以只指定开始和结尾的两点，中途的位置也能任意指定，所以可以实现各种奇妙的效果。 为了绘制线性渐变，我们需要使用create… Read More »
这一次讲解Canvas中的颜色应用，同时Canvas中的颜色还能带透明，太酷了~~ 指定颜色 现在为止我们画的图形都是黑色的，这是Canvas绘制的默认色彩，要想换一种颜色的话，就得在实际画之前指定颜色。 ctx.strokeStyle = color —— 指定绘制线的颜色 ctx.fillStyle = color —— 指定填充的颜色 来看看实际的例子： onload = function(… Read More »
PhoneGap实在是伟大！当然在此之前是HTML5/CSS3/JS很伟大，可以做出那么酷的应用，然后变成本地应用才有意义。 简介 PhoneGap是一款开源的手机应用开发平台，它仅仅只用HTML和JavaScript语言就可以制作出能在多个移动设备上运行的应用。PhoneGap将移动设备本身提供的复杂的API进行了抽象和简化，提供了一系列丰富的API供开发者调用，只要你会HTML和Javascr… Read More »
再介绍几个HTML5的实例，相信各位看了，一定会大叫，“WoW！”。我是用Chrome浏览器观看确认过了，其他的浏览器不知道能不能正常观看…… 1、8位图像循环 这个演示可以产生惊人的动画效果，潺潺流水声加256色画面，不过看样子每一帧都可以使用独立的调色板，所有实际的动画效果要比单独的GIF好的多。 2、粒子字符动画 可以根据输入实时的生产动画，也许不是那么酷，但是很有含量。
Canvas中不仅可以画线（路径），还能画很多其他的图像，这一章就介绍Canvas的其他两种绘图API。 矩形 我们在上一章只用线来画了一个矩形，其实可以一下子就画出来的，用下面函数： ctx.fillRect(x, y, width, height) 画一个填充的矩形，x, y是矩形左上坐标，剩余两个不是右下坐标而是宽度和高度。 ctx.strokeRect(x, y, width, heigh… Read More »
这个部分讲述html5的使用前准备和简单的使用例子。 ExplorerCanvas的准备 尽管微软的最新浏览器IE9已经支持Canvas了（据说的……自己还尚未验证），但IE9不知道现在有几个人用上了，更不要说国内那些洪水猛兽般的IE6用户了，不管我们有多么的不情愿，一大票的IE就是不支持Canvas，而它又是使用率最高的浏览器，我们必须做一点什么。了解一下ExplorerCanvas，然后到这里… Read More »
这部分说明Canvas是什么，然后Canvas又能做哪些事情。 什么是Canvas Canvas是在浏览器上绘图的一种机制。 传统的网页，总是使用GIF或者JPEG来显示图像，这种图形是需要事先画好，“静态”的图像；随着各种要求的发展，使用Flash或Java的“动态”图像也出现了。 而Canvas，则是不使用Flash和Java，而是用Javascript的一种绘图手段。 我们实际的看一个例子，… Read More »
世界正在向着美好方向发展着，不管2012、或者其它的毁灭型小行星、邪恶外星人、恐怖病毒等等最终是否会来到，我们在向着未来稳步前进。嗯……我想说什么？ 互联网的老先辈HTML4，与现在互联网上最耀眼的新星，HTML5相比，是那么的孱弱和不完美，却已经给我们带来了如此巨多的惊喜。这个世界没有了网络将是不可想象的，那么未来的网络会走向何方？HTML5会把我们带到怎样的高度？恐怕没有人知道答案~ 博客里应… Read More »
此文仅一张图片，然而很有价值，也很漂亮，做（改）的很辛苦，错别字无数。虽然讲述的内容有些过时，但IT世界瞬息万变，再先进的技术不多久就会过了保质期，唯有不断学习才能立于不败之地。请留意此图的设计与内涵，勿在意其中的技术细节。