十二月
05

【转载】优化HTML

【转载】优化HTML
【前言】没有自己动手写些东西,但是看了不少的技术文。特转载一篇有代表性的文章。原文载于[Jeekundo.com], 是作者翻译自老外的一篇文章。[这里也有一篇类似的文章,来自百度泛用户体验博客的一片文章,也可以查看。其文中有些观点我觉得有错误,查看需谨慎] 本文中插入了我自己的一些批注与看法。我只推荐看前半部分,后半部分无很大意思。 为何要保持标签整洁 一团糟的写法 附加的优化方法 激进的优化方法 物极必反 反
继续阅读→ 本文标签: , , , ,

十一月
19

【JS温故知新】之——给力的鼠标坐标位置获取

【JS温故知新】之——给力的鼠标坐标位置获取
我不是一个脑子灵光的人,所以学东西忘得快。姑且记录下来,以后方便温故知新。当然,内容中加入了我的一些理解与标注,如有不准之处,还望及时指出,一块提高。 鼠标事件的坐标位置的类型 其实无非就是以下几种 相对于客户端浏览区域的坐标(客户区坐标) 相对于整个文档中的坐标(文档绝对坐标) 相对于屏幕的坐标(屏幕坐标) 相对于触发事件的元素所在的层级关系中最近的具有position相关/绝对定位的容器的坐标 我这里
继续阅读→ 本文标签: , , , , ,

十月
20

兼容所有浏览器的文字阴影

兼容所有浏览器的文字阴影
文字阴影在借助CSS3下非常容易实现,但是问题是IE8以及他的小弟弟们都不会此功能。今天抽空在做ajaxPaled的首页封面时,看到QQ阅读器的封面上的标题文字是带阴影的。我最初以为是CSS3,可后来发现居然IE下也有阴影。看了下源码,发现了秘密—— 其实就是使用绝对定位重叠放置两种不同颜色的文字 如上图,两个div容器,其中的内容一模一样。然后根据class值来定义css样式,使用绝对定位(absolute) 1: .classname, .classname1 { 2: color:#333
继续阅读→ 本文标签: , , , , ,

九月
06

读者墙效果【二】- 头像自由拖拽

读者墙效果【二】- 头像自由拖拽
上一篇博文《我的读者墙展示(附所用JS代码)》中我分享了自己所用的读者墙JavaScript部分代码。其实关于读者墙我还写了一个版本的js效果,不过离我最终的效果还有差距(最终要实现自由拖放,头像碰撞的效果,并能再排序),暂时只是实现了头像的自由拖动摆放。不过还好了,所以也拿出来分享一下。 代码如下(代码以本文所贴为主,所提供demo包中代码可能不会更新,代码中发现错误或bug的修复都会以本文中为主): 1: var DragUnit=Class
继续阅读→ 本文标签: , , , , ,

九月
03

我的读者墙展示(附所用JS代码)

我的读者墙展示(附所用JS代码)
好多人都在博客上弄了个读者墙,我之前也搞过,但是换了新主题之后就没再添加了。所以抽了个时间,在links页面加了读者墙,展示的是最近三个月内的评论数量在前72名的访客头像。围观我的读者墙请移步此处。 读者墙部分加了个JS效果,鼠标移上去会在旁边打开一个侧滑面板,显示访客的姓名和评论数量等信息。我将这个效果封装了一下,与大家分享。 (注:因为涉及到代码的bug修复、代码更新等因素,demo中的代码不会同步更新,所以JS代码以
继续阅读→ 本文标签: , , , ,