Category Archives: Web

Kendo UI使用小小记

之所以说小小记,是因为我根本没有好好用它,只是正好前些日子接触了一下,觉得还不错,随手记记~ 契机 我从加入现在这个公司以来,半专业的承担了很多前端相关的事情,用过不少前端框架,也为框架和原生的页面写了不少部件和功能,对于IE系列浏览器的憎恶也与日俱增。“每个程序员都有一个框架梦”,我一直也想着要写一个适用于自己和自己公司的前端框架,同事和领导有时候也会这么对我期望,而我自己很清楚,没有时间没有精… Read More »

[译]在WordPress中使用AJAX的5个小贴士

原文http://www.garyc40.com/2010/03/5-tips-for-using-ajax-in-wordpress/,这是一篇很棒的文章,虽然有些年月了,不过真正有价值的东西,可以经历时间的磨砺 🙂 AJAX被用到了很多Wordpress的主题和插件中,但是呢,不是所有的都正确的使用了AJAX。这里提5个Wordpress中使用AJAX的最佳实践。 注意:这篇文章很长而且充斥了… Read More »

Impress.js中文教程

我假设凡是对这篇文章有兴趣的朋友都是知道impress.js的,如果不知道,您可以搜索一下,或者更直接的,请往下看,您就明白了。 impress.js中文范例 —— 这个可一定要看一下,不然哪有动力应付下面一堆蚊子? 或许有些朋友在寻找如何使用impress.js这个奇妙的工具的教程,实际上,它的范例文件中的注释就是最好的教程了,不过里面是鸟……英语,所以我翻译了一下,希望对大家有所帮助。 &lt… Read More »

新做了个博客主题

老主题厌倦了,现在处处吹简洁风,我也来俗套一把~ 结果就是这样的,不再有图,除了文章里的,颜色尽量的少,事实上就三四种颜色,文字的灰色,链接的绿色或蓝色(链接为什么要两种颜色?对啊…… 为什么啊,下个版本链接就一种颜色!),加上背景的白色,简约又简单,不错不错…… 有几个地方得记录一下… 导航菜单 菜单很简单,鼠标移过去会显示子菜单,并有类似Meter风的下划线,只不过这个菜单在IE6… Read More »

HTML5中的Canvas(径向渐变)

说明完了线性渐变,我们再来看看径向渐变,其实我觉得两者是一回事儿……只不过径向渐变的浏览器兼容性更糟糕一些(现在已经好多了),为了不出洋相,我们还是要多知道一些。 什么是径向渐变 又要解释一下什么叫径向渐变,其实就是环形的渐变了,由圆心(或者是较小的同心圆)开始向外扩散渐变的效果,听着有些抽象,往下看图一下子就明白了。线性渐变指定了起点和终点,径向渐变则指定了开始的结束园的圆心和半径。这里使用cr… Read More »

HTML5中的Canvas(线性渐变)

这一章讲解Canvas绘图中的线性渐变,不过呢,渐变的处理在各种浏览器中还略有不同,我们也会就这方面做一些说明。 什么是线性渐变 所谓线性渐变,是指从开始地点到结束地点,颜色呈直线的徐徐变化的效果。为了实现这种效果,我们绘制时必须制定开始和结束的颜色。而在Canvas中,不仅可以只指定开始和结尾的两点,中途的位置也能任意指定,所以可以实现各种奇妙的效果。 为了绘制线性渐变,我们需要使用create… Read More »

HTML5中的Canvas(颜色)

这一次讲解Canvas中的颜色应用,同时Canvas中的颜色还能带透明,太酷了~~ 指定颜色 现在为止我们画的图形都是黑色的,这是Canvas绘制的默认色彩,要想换一种颜色的话,就得在实际画之前指定颜色。 ctx.strokeStyle = color —— 指定绘制线的颜色 ctx.fillStyle = color —— 指定填充的颜色 来看看实际的例子: onload = function(… Read More »

原来一直以来我对IE6那么狠……

今天偶尔的看一下Blog的StatPress记录,发现IE6访客居然还是大头,都什么年代了…… 不过用户至上啊,回想当年做主题的时候,似乎是在IE6下显示的不太好,也不是很有心思去把它整的更好一点,因为那时候考虑IE6应该是越来越少很快就会淘汰才是,只是简单的在题头给IE6用户一个升级提示,就没管了。 现在看起来,还是有无数人不肯舍弃啊(或者是不知如何舍弃?),那现在目光博客在IE6下长什么样子呢… Read More »

VC版极影开发手记

更新日志: 1:2011/07/12,初始版本。 2:2011/07/15,更改外观,现在看起来更VC了,增加内容介绍项目。 这是一篇对“VC版极影”的技术说明文章,一般用户请移步至使用讨论页面查看/提出问题和建议。 这个东西说来话长,我是用惯了VeryCD的人。看上面的动漫,一般一个新番就跟着一个字幕组走(否则翻译乱糟糟),本来的方法是用收藏夹把正在连载的项目都收藏起来,然后每天晚上回去,把收藏… Read More »

其实你不懂CSS

写下这个冒天下之大不韪的标题时我就很心虚,宛若韦小宝大言不惭地对百岁的张三丰说“其实你不懂武功”一样。不过还好,张三丰们都有足够的境界,不会在意小辈们的放肆,况且,这个韦小宝是拿着高人前辈的秘籍在说事。 使用CSS就好像是一场战斗。每一种浏览器都有它们独特的CSS理解方法(这里特别点名Internet Explorer),于是我们就得面对数不清的CSS陷阱。同时,CSS又是一门威力巨大的绝学,用好… Read More »

未来的图片格式?

人类已经无法阻止互联网的进一步发展了,互联网必将高度发达从而产生智能了,人类再无法避免被互联网统治的那一天,大家一生下来就被放在培养液里,生命活动产生能量供电脑使用……不过这应该是很久以后的事情了,没准也只会在头脑中,大家不必惊慌,我们现在只要享受它给我们带来的好处就是了。稍微介绍下两种新兴的图片格式~ WebP 上面两张图分别为是JPEG(43.84K)和WebP(29.61K),当然如果你用的… Read More »

21个酷毙了的HTML5演示

再介绍几个HTML5的实例,相信各位看了,一定会大叫,“WoW!”。我是用Chrome浏览器观看确认过了,其他的浏览器不知道能不能正常观看…… 1、8位图像循环 这个演示可以产生惊人的动画效果,潺潺流水声加256色画面,不过看样子每一帧都可以使用独立的调色板,所有实际的动画效果要比单独的GIF好的多。 2、粒子字符动画 可以根据输入实时的生产动画,也许不是那么酷,但是很有含量。

HTML5中的Canvas(绘制)

Canvas中不仅可以画线(路径),还能画很多其他的图像,这一章就介绍Canvas的其他两种绘图API。 矩形 我们在上一章只用线来画了一个矩形,其实可以一下子就画出来的,用下面函数: ctx.fillRect(x, y, width, height) 画一个填充的矩形,x, y是矩形左上坐标,剩余两个不是右下坐标而是宽度和高度。 ctx.strokeRect(x, y, width, heigh… Read More »

VC版极影使用手册

这一篇是对“VC版极影”一般使用者的说明,若想知道更多技术细节和历史背景,请参考VC版极影开发手记。 这个东西说来话长,我是用惯了VeryCD的人。看上面的动漫,一般一个新番就跟着一个字幕组走(否则翻译乱糟糟),本来的方法是用收藏夹把正在连载的项目都收藏起来,然后每天晚上回去,把收藏夹里的内容全部打开(多的时候2、30个吧,那时候还在用遨游这个常年假死的浏览器……),一个一个检查,相当麻烦。后来V… Read More »

HTML5中的Canvas(使用)

这个部分讲述html5的使用前准备和简单的使用例子。 ExplorerCanvas的准备 尽管微软的最新浏览器IE9已经支持Canvas了(据说的……自己还尚未验证),但IE9不知道现在有几个人用上了,更不要说国内那些洪水猛兽般的IE6用户了,不管我们有多么的不情愿,一大票的IE就是不支持Canvas,而它又是使用率最高的浏览器,我们必须做一点什么。了解一下ExplorerCanvas,然后到这里… Read More »