Follow me on GitHub

css3发表的日志

CSS图层混合(blending)

玩过PS的童鞋应该都知道混合模式(Blending Mode)吧,出现的地方很多,比如修复用的刷子(Healing Brush Tool)、图章(Stamp Tool)、橡皮擦(Eraser Tool)、水滴(Blur Tool)等工具中都有这个选项。但印象最深的恐怕还是在图层面版中,因此以“图层混合模式”统称——本质上都是两个图层的混合。

而这一特性也有望在不久的将来通过CSS属性“blend-mode”在浏览器中得以实现。

下面举两个使用场景

一是让按钮上文字的纹理与背景图一致;

More >

用HTML5无罪,挺CSS3有理

新特性无法很好地在现有浏览器中展现,是阻碍网页设计者采用最新技术的最大因素。除非你能够接受自己设计的网页在不同浏览器中有不同的外观,才有可能在现有环境下开始使用HTML5和CSS3。

虽然HTML5还 停留在草案阶段;然而换一种思路,如果你在等待CSS3的“完成”,也许将无法在有生之年看到那天的到来——要知道CSS2至今都未能为所有浏览器所支持!

本文作者的观点是:应该让每个用户获得效益最大化。对于那些使用前沿浏览器的用户,我们有什么理由不充分发挥哪些浏览器所提供的新特性?(呵呵,貌似和我《比较拉风的特效尝试》中的观点相似,渐进增强平稳退化).

说是这样说,但要推进新技术普及,比较务实的做法还是提供平滑过渡的方法,故文章大部分内容是关于HTML5和css3跨浏览器降级兼容方案,有兴趣者可继续往下看: More >

为什么我们应该开始用CSS3和HTML5

前几天看了XJP兄的趣文怎样在中国彻底消灭IE6,其中提出的几个方法确有其可行性,不过懂得推倒,更要思考重建;再结合从国内 IE 6 的市场份额说开去,看来当下对IE6等旧技术的声讨已蔚然成风,即将取得阶“段性进展”。

停止对IE6的兼容和抛弃IE6 孰先孰后,这本身就是鸡蛋相生的悖论,打破这一僵局的最好方法就是任一方先付诸行动,而作为开发者,我们所能做的就是:停止IE6兼容页面的生产。

能保持IE6兼容的前端和敢于对IE6说NO的前端,哪个牛逼?看完本文也许能对你做出判断有所影响。

本文首先描述了IE6等过时的技术长期存在而阻碍新技术发展的现状;

然后分别从客户、访客、开发者的角度分析不同角色早CSS3和HTML5新技术普及中的作用;

进而分别从恐惧心理(Fear Factor)、满足现状(Comfortable Factor)、质疑心理(Doubt Factor)、信念不坚定(Faith More >

最新20佳jQuery演示

Creating an Animated 404 Page

More >

CSS3 图片相册代码下载

尽管CSS3仍处于发展阶段,却是新的热潮,令许多网站开发者感到兴奋。 CSS3 将带来新的更大的网络发展,实现网页设计的与时俱进,让网页设计师和开发人员的创造力得到充分展现。 CSS3增加了许多新特性 如:文本阴影,圆形边界,动画,自定义网页字体,等等。 甚至有他们不少人认为一旦所有浏览器都支持CSS3 它将取代JavaScript的动画特效。 下面是一个CSS3图片相册的编写过程:

HTML结构

首先,我们将创建如下结构。 第一个图像是类名“mini”,第二个是时显示的图片与类名“pic”。 More >

纯CSS3和HTML5编码实现的网页演示

CSS3HTML5是未来的Web,它们都还没有正式到来,然而不少浏览器已经开始对它们提供部分支持。本文演示的是一个纯CSS3和HTML5编码实现的网页:

More >