first-line伪类实现兼容IE6/IE7的单标签多背景效果

2013年07月5日 by 张 鑫旭 阅读 23797 次, 今日 2 次

background+filter滤镜可以实现低版本IE浏览器下的多背景效果,:first-line伪类也是可以实现的,本文就将介绍这种技巧。有表格数据、有源代码展示,有demo页面,有效果截图,总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

翻译-Mobile手机web开发问题们以及如何避免

2013年07月1日 by 张 鑫旭 阅读 46921 次, 今日 14 次

本文是brad_frost2年手机web开发遇到的常见问题总结。还好,这次翻译不坑,还是有点干货的。文中有很多拓展阅读的链接,还是相当有价值的。对文本,自己打个78分吧,看看会有些收获的。

阅读全文…

ajax与HTML5 history pushState/replaceState实例

2013年06月19日 by 张 鑫旭 阅读 193850 次, 今日 139 次

众所周知,Ajax可以实现页面的无刷新操作——优点;但是,也会造成另外的问题,无法前进与后退!曾几何时,Gmail似乎借助iframe搞定,如今,HTML5让事情变得如同过家家般简单。

当执行Ajax操作的时候,往浏览器history中塞入一个地址(使用pushState)(这是无刷新的);于是,返回的时候,通过URL或其他传参,我们就可以还原到Ajax之前的模样。

本demo所展示的就是ajax的内容载入与地址栏的前进与后退,典型应用,对于熟悉相关知识点很有帮助。

阅读全文…

小tip: CSS3 animation渐进实现点点点等待提示效果

2013年06月9日 by 张 鑫旭 阅读 59862 次, 今日 16 次

一个名叫“阿贾克斯”的屌丝男在名为“客户端”的学校上学,为了追女神,下狠心,借了高利贷给女神买Mac. 结果,期限已到,要债的找上门,没办法,只能向身在“服务器端”的父母要钱。但是,要钱是要一定的过程和时间的。他必须想办法向要债的表明,钱正在过来的过程中,否则,可能要债的会认为你在忽悠,直接使大招——”Ctrl+W”,瞬间灭了你,眼不见心不烦。
如果告知钱正在过来的过程中呢?
有人可能如下处理,弄个转转转的小图片告诉要债的,看,我在原地不停地转……

阅读全文…

伪元素表单控件默认样式重置与自定义大全

2013年06月7日 by 张 鑫旭 阅读 95331 次, 今日 28 次

所有的form表单元素都有或多或少的伪元素可以重置其浏览器内置的UI样式,我光demo就有17个之多,截图30+之多,本文虽参考之作,自己条条亲自验证设置。虽目前价值并未凸显,但是,过段时间,可能就是宝了。

阅读全文…

CSS3 box-shadow兼容loading效果兼IE10+ CSS Hack介绍

2013年05月29日 by 张 鑫旭 阅读 58001 次, 今日 9 次


摘要,摘个鬼啊,本来只想来个短篇的,该死的越写越多,这个点了,还有鬼心情写摘要啊。总之,是处理IE10+浏览器非常不错的一篇文章,demo啊,截图啊,源代码显然很多的啦。还有大量关于伪类伪元素的小技巧小知识等……就这样,我先撤了~~~

阅读全文…

翻译:web制作、开发人员需知的Web缓存知识

2013年05月23日 by 张 鑫旭 阅读 91376 次, 今日 9 次

Web缓存
缓存是什么?顾名思意,就是缓慢的存钱。为什么要缓慢的存钱,因为工资卡都上交老婆了,为了攒点零花钱又不能被老婆发现,只能慢慢存了。那缓存有什么用呢?你想啊,自己有点小钱,做事情就方便快捷了,比方说我想买个鱼竿,就不要去向老婆要(给不给先不谈),自己从自己这边取,大大提高了执行的速度。

那什么时候可以存什么时候不能存呢?老婆给零花钱的时候,可能会有过期时间头,例如,周一甩了100块钱,拿去,这是一周的伙食!这个一周就是过期时间头(Expires Header),在这个时间内,你的前可以从缓存,也就是自己这里取……

阅读全文…

Chrome下语音识别实现页面快速引导以及重要交互

2013年05月22日 by 张 鑫旭 阅读 22434 次, 今日 2 次

今天,我们上线了一个小东西,基于Chrome浏览器语音识别功能实现的一个快速页面交互以及页面间跳转的效果,觉得大家都可以尝试尝试,因此,整理了下分享出来。

抛砖引玉、集思广益,有意见或建议什么的欢迎提出来,大家多多交流,共同进步。

阅读全文…

小tip: 微博新版查看大图前后浏览的另外一种实现

2013年05月17日 by 张 鑫旭 阅读 41966 次, 今日 6 次

标题小tip打头嘛,说明内容不多。看标题主体嘛估计又是黑新浪的,介绍另外的实现,小东西,喜欢的人自然喜欢。文章前后都有些吐槽,看上去啪啪啪说得很利索,言辞犀利,一气呵成,实际上,是像便秘一样,一点一点挤出来的。文章嘛,又没时间限制的,可以修改斟酌啊什么的。但是对话面试什么的,容不得多想多斟酌,那怎么办呢?还能怎么办,认命,等死,平时多练练呗~~

阅读全文…

小tip: transition与visibility

2013年05月14日 by 张 鑫旭 阅读 48977 次, 今日 9 次

这里的transition指的就是CSS3中的那个过渡动画属性transition. 如果我们仔细查看其支持的CSS属性值,会发现竟然有一个visibility.

此时,我的脑袋上立马冒出了3个大大的问号:visibility不就visibile/hidden/collapse等值,又不是数值什么的,怎么有动画效果呢??

一番查阅研究,发现,这玩意还是有些作料的……

阅读全文…