2011年05月 存档
2011年05月31日,星期二
我们都知道,默认状态下,我们右键web页面,会出现一个上下文菜单,但是,浏览器默认的右键选项有时候并不是我们所需要的,我们希望浏览器的右键选项菜单更智能,可以灵活自定义。就像web QQ一样,显然这种东西貌似还是蛮强大与实用的,于是我就抽空写了个可以右键自定义上下文菜单的jQuery插件 – smartMenu,直接一行代码绑定,就可以让我们轻松实现页面元素的自定义上下文功能。至于具体如何实用与绑定,就是本文的的主要内容。
一如既往,详细的插件介绍,丰富的截图展示,必要的源代码讲解,以及提供源文件打包下载。总之,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签:jQuery, plugin, powerFloat, smartMenu, zxxbox, 插件, 菜单
发布在 jQuery相关 | 62 条评论 »
2011年05月25日,星期三
“鑫三无准则”这个概念貌似最早是在去年的去年一篇名叫“关于Google圆角高光高宽自适应按钮及其拓展”的文章中提过。这是自己在页面重构的经验中总结出来的一套约束自己CSS的准则,即“无宽度”、“无图片”和“无浮动”,目的是使CSS布局模块化以及增强可扩展性。
此准则是针对我个人的,可能没有什么适用性,也可能会对您的学习有所启发,所以这里还是简单分享下。其中“无宽度”准则则在去年秋天专门讲了下,这里再简单介绍下其中的“无图片”准则。
本文虽然文字不多,但是多涉及到的技术点不少。有demo,有截图,有源代码展示,总之,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签:css sprites, css-gradient, css3, rgba, 宽度自适应, 按钮, 无图片准则, 无宽度准则, 渐变背景, 背景图片, 鑫三无准则, 页面重构, 高度自适应
发布在 CSS相关 | 18 条评论 »
2011年05月23日,星期一
IE6-IE8浏览器不支持CSS3多背景(Multiple backgrounds),只使得这个很惹人爱的属性没了用武之地,好在IE浏览器下还是有替代的解决方法的。而本文的内容就是介绍这种替代方法,并展示了比较实际的应用实例。显然,像这种性质文章,demo页面自然少不了,丰富飞截图自然少不了,必要的源代码展示也少不了。总之,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签:background, css3, filter, IE6, IE7, IE8, IE滤镜, Multiple backgrounds, png32, 多背景, 宽度自适应, 按钮
发布在 CSS相关 | 12 条评论 »
2011年05月19日,星期四
水平或是垂直翻转性质的东西基本上类似于镜像拷贝,于是,我们在web制作的时候,一旦遇到对称出现的元素的时候,我们只需要处理一个元素就可以了,然后另外一个直接翻转使用下。这不但节约了资源的利用,还减少了代码的开销,省去了不少工作时间,换言之延长了我们的寿命,可谓相当不错的东东。
本文就展示下如何实现元素的水平翻转与垂直翻转,同时列举了几个典型实现,以了解翻转效果的现实意义。雷打不动的,有demo,有截图,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签:css3, IE滤镜, transform, 兼容性, 垂直翻转, 旋转, 水平翻转
发布在 CSS相关 | 15 条评论 »
2011年05月17日,星期二
HTML5 canvas这个玩意用通俗的话来讲就是一块用来画画的布,不过这不是普通的布,这是个类似于神笔马良的那个神笔一样神奇的东西,可以画出很多精湛美妙的东西。本文就展示两个基于canvas的炫酷效果,可以让我们对canvas的潜力有个比较直观的认识。一如既往,有demo页面,有效果截图,相关源代码展示。本文甚至还有video视频展示,总之,希望本文的内容能够对您 学习有所帮助。
阅读全文…
标签:3D效果, canvas, HTML5, 图片, 效果
发布在 Canvas相关 | 19 条评论 »
2011年05月14日,星期六
世界之大,字符之多。要是真正一个一个去折腾的话,估计折腾到我找到女朋友那天也折腾不完的。本文就简单列举了常见的些字符以及一些简单应用。本文内容全当抛砖引玉,希望可以开启你对字符一点感性的认识,增加一点字符使用意识,同时为web页面制作开阔一点思路吧。
同样的,有截图,有demo,有源代码展示。总之,希望本文的内容那个对您的学习有所帮助。
阅读全文…
标签:字体, 字符, 宋体, 对齐, 空格, 页面重构
发布在 CSS相关 | 15 条评论 »
2011年05月8日,星期日
就上周吧,出了个关于CSS3 Backgrounds的课件,个人觉得对于学习很有帮助,于是决定翻译下,不过作者似乎将下载功能关闭了,于是不能再原pdf文件上修改,不得已,自己就整了个长长的HTML版本的,也即是本文的主要内容了。本文截图超多,但是没有demo页面,图文并茂,相信能够对您的学习会有所帮助的。
阅读全文…
标签:background, background-clip, background-origin, background-size, border-box, content-box, css3, Multiple backgrounds, padding-box, 多背景
发布在 CSS相关, 外文翻译 | 23 条评论 »