利用scrollTop制作间歇滚动效果

这种例子在网上一搜就是一大把,但是对于我这种js菜鸟来说,编程逻辑才是我要掌握的东西。于是把做过的东西再记下来,再次理清一下思路。
循环滚动的原理
制作一个无缝向上滚动,我们所要利用的是scrollTop属性。一般的做法是把要滚动的内容A放在一个容器C里面。通过不停的改变scrollTop的值,从而得到滚动的效果,为了让滚动能够连续,我们还要复制一遍A,当A的复制品B超出C的可视野区域时,让scrollTop变回0,这样就造成一种循环滚动的假象。例图如下:


具体效果请看Demo
Read More →

“可是用户要求支持IE6呀!”

每次当我和开发者讨论CSS3的时候,关于顽固客户的问题就会冒出来。他们告诉我尽管他们认为页面并不需求兼容所有浏览器,同时他们也想尝试新的技术。可是客户们却坚持页面要在每个浏览器上看的都一样,以至于开发们始终无法摆脱五到十年前的技术。客户们可不喜欢优雅降级

这是真正的问题吗?难道我们的用户不知道这些事情?难道我们的用户不懂得web,且需要得到培训?我可不这么认为。是我们自己把自己陷入这个困境中。是我们给自己找麻烦,让这个行业缺乏创新,工作难度更高。这完完全全就是我们自找的,怨不得别人。

Read More →

移动web开发45个最有用的指引

如你所知,对网页设计师或者前端开发者来说,移动互联网看起来就像是一个灰色领域。大量的疑问,很多不同版本的浏览器,不同的设备围绕着它。让我们看看下45个最有用的官方资源。

iOS (iPhone and iPad) useful guidelines

Read More →

HTML5手机开发工程师

今天偶然间看到这样一个职位–HTML5手机开发工程师
看来HTML5已经不是草案,他将在各种终端发挥着重要的作用。
下面列出这职位的具体要求,供大家参考。
岗位要求:
3年以上软件开发经验,至少1年以上网页开发经验;
熟练使用html+javascript+css进行网页开发,熟悉html5 + css3的新功能;
熟练使用prototype,jquery等javascript库进行开发,熟练使用ajax技术;
熟练使用dreamweaver进行网页设计和开发,了解应用软件的开发流程;
具有良好的团队合作精神,沟通良好,能够承担一定的工作压力,有上进心,对技术有追求卓越的精神;
正规大学,本科以上学历,具有较好的产品sense;

仿google的设置主页功能

google设置主页
模仿了google的设置主页Top条,一开始以为蛮简单的,以为它只要做到:
打开页面->弹出top条
多体验几次google的这个功能,发现它的工作流程应该是这样的;
打开页面->判断用户是否收藏该主页,如果有,不显示top条->如果没有,弹出top条
->用户点“是”,则把当前页设置为主页->用户点“否”,隐藏该top条(并且刷新页面也不会出现top条,这里可以通过操作cookies实现)
先看看效果   VIEW DEMO
Read More →

悲剧的我又换主机了~

貌似这是第四个主机了。
每个主机都用不到半年,要不是给gfw了,要就不是数据库出问题,真希望这个主机能够用久一点。更悲剧的是最近没去备份数据库,资料的不见了,捶胸口啊!!!
不过也好,以前的写的东西都不咋的,借此机会自己用心把文章写好。
各位亲们的链接都找不到了,如果你路过这里看到没有链接到你的网站,麻烦留下言,我再给加上。