Follow me on GitHub

学习笔记

创意注册碑

解决问题:

创意、模式、想法提出的先后之争,也就是判断谁“抄袭”了谁。

创意背景:

在知识产权越来越受到重视的今天,大家都希望能保护自己的脑力劳动成果不被侵犯,可是相关的保护措施却常常不能跟上步伐。前段时间不是有篇《狗日的腾讯》闹得沸沸扬扬的嘛,也就是争论腾讯发展的产品“抄袭”他人的盈利、运营模式。而这些还是已经成型并有一定影响力的产品才有引起广泛关注的条件,而更多的不知名的,甚至还没成型产品的网站、创意则是被抄袭了也只能哑巴吃黄连。 More >

输入Email查看Gravatar头像的小工具

当你到任何一个支持Gravatar的网站留言时,这个网站都就会根据你留言时提供的Email地址为你显示出匹配的头像。当然,这个头像,是需要你事先到Gravatar的网站注册并上传的,否则,在这个网站上,就只会显示成一个默认的头像(如右图)。具体介绍见这篇文章

下面介绍下本文的主角:这是一个可以查看email所对应Gravatar头像的小工具,用浏览器打开后,输入需要查询的email,点击旁边的按钮提交后即可 More >

jQuery实现背景图填满屏幕的代码

拾贝电台是一个收集了众多优秀电台资源的广播频道聚合器,其功能模块较少,无非播放控制和播放列表等几个窗口。为了不至于留下太多的空白区域影响整体美观,设置了可拉伸的背景图片。这里把实现该效果的代码贴出:

用jQuery实现背景拉伸,自适应窗口的调整而改变大小。该段代码应该放在网页内容之前,最好是紧跟在<body>之后,这样可以避免页面加载时出现太突兀的情景。

JavaScript计算客户端浏览器窗口尺寸比较简单。第一个模块的代码做一些初步的计算,判断图像比例,浏览器宽度。

再使用jQuery来操作相应节点的CSS规则改变图片显示,以保持图像的的比例不变 适应浏览器窗口的调整。 More >

HTML5的设计[部分翻译]

又见HTML5,对HTML5功能特性、标准和概念的绍已是不绝于耳,正如被炒得如火如荼而又让人云里雾里的“云计算”概念。

不过这个演说的侧重点是html5的设计,而不是用html进行的设计。就像横空出世的大英雄,大家在对他的英雄事迹津津乐道后,总会有人想要关心英雄的身世(参考阅读:The Internet: a historical encyclopedia)。

.

More >

jQuery插件的创建方法

一周前看到小谢发布自己的第一个jQuery插件-Xslider,对谢同学的崇敬之情顿时油然而生。于是这几天看到相关内容都留意一下,琢磨着啥时候也整一个自己的插件。要下定决心潜心研究jQuery的内部工作机制并创建一个作品 ,本身就是个不小的困难,而面对貌似不可能完成的困难,总是容易让我产生不愿向前一步的惰性,为了克服自身问题,还是按照习惯的学习方法,逆向工程学习法——张鑫旭大哥介绍了一个不错的文字信息提示插件——Colortip,就从对这个插件的研究入手结合官方教程,来认识jQuery插件的创建方法。

当然,这样的学习方法虽然容易上手能在较短时间里产出,却以牺牲规范性为代价,有很多不严谨的地方也在所难免。而在此过程中我也会将更多的精力放在插件的结构而不是功能的实现细节和最终效果上。 More >

MooTools 1.3中的屏幕触摸事件

MooTools在其最新的1.3版本中加入了一个很给力的功能——检测屏幕触摸事件:touchstarttouchmovetouchendtouchcancelgesturestartgesturechangegestureendorientationchange,使得这一Javascript框架更加完善。这篇文章就演示如何按照传统MooTools事件处理的语法,通过使用MooTools新特性来完成对移动事件的监听及响应。让移动设备用户在你的网页上完成原本只能在手机应用上进行的操作。

先看演示:必须用手机浏览器才有效果哦~.

前两个是点击屏幕产生的,后面一列是滑动产生的,电阻屏,只能记录到这些啦。。。 More >

移动设备浏览当前页