你到了第几层?图片式标题、按钮与隐藏文本

2012年03月9日 by 张 鑫旭 阅读 53363 次, 今日 36 次

本文标题有故弄玄虚之嫌,说是“图片式标题、按钮与隐藏文本”,其实本意重点是介绍z-index负值以及在文本隐藏中的实际应用。外甥点灯笼——照旧,demo多多,截图多多(还有gif动画演示图哦),源代码展示等等,都有。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

ol元素及相关属性:type, start, value, 和reversed

2012年03月5日 by 张 鑫旭 阅读 49383 次, 今日 22 次

文章摘要:type, start, value, 和reversed每个的生世是不一样滴。reversed属于新兴人类,随着HTML5来到这个世界的,顾名思意表“反转”。而start和type都是在HTML4中被文革掉的,但是,现在,它们又回来了……

阅读全文…

小tip: 使用CSS(Unicode字符)让inline水平元素换行

2012年03月2日 by 张 鑫旭 阅读 53070 次, 今日 45 次

本文旨在介绍一种自认为比较新颖有趣的技术。可以仅仅通过CSS控制inline元素元素换行的问题。其中,借助了特殊的Unicode字符编码字符。一如既往,有实例,有截图,有源代码展示。希望本文的内容能够对您的学习有所帮助。

阅读全文…

HTML5 postMessage iframe跨域web通信简介

2012年02月29日 by 张 鑫旭 阅读 65079 次, 今日 52 次

本文的内容说白了就是如何解决web开发中的跨域通信问题的,例如iframe相关的一些交互等。以下为部分摘要:
当我们谈论web通信的时候,实际上谈论的是两个略有不同的系统:跨文档通信(cross-document messaging)和通道通信(channel messaging)。跨文档通信就是我们国内更为熟知的HTML5 window.postMessage()应用的那种通信;通道通信也被称为”MessageChannel”. 伴随着server-sent事件以及web sockets, 跨文档通信和通道通信成为HTML5 通信接口“套件”中有用的一部分。

本文内容还算较多,demo啊,截图啊,代码展示讲解等都有。希望本文的内容能够对您的学习有所帮助。

阅读全文…

翻译:即将到来的CSS私有前缀灾难

2012年02月20日 by 张 鑫旭 阅读 41893 次, 今日 29 次

CSS工作组(CSS Working Group)联合主席Daniel Glazmang告知大家非WebKit的浏览器厂商正在考虑支持-webkit-前缀CSS属性。
一石激起千层浪,于是业内展开了激烈的官方讨论。这里,翻译篇相关文章,希望米娜桑对该讨论有所了解,并发表自己的一些观点……

阅读全文…

了解:使用CSS namespace进行分隔

2012年02月16日 by 张 鑫旭 阅读 29534 次, 今日 6 次

一个XML文档可能包括来自多个XML词汇表的元素或属性,如果每一个词汇表指派一个命名空间,那么相同名字的元素或属性之间的名称冲突就可以解决。举一个简单的例子来说,在一个订单的XML文档中需要引用到客户和所购买的产品,customer元素和product元素可能都有一个叫做id的子元素。这时候要引用id元素会造成名称冲突,但是如果将两个id元素放到不同的命名空间中就会解决这个问题。

命名空间的声明就是将一个前缀与一个URI关联起来。

声明命名空间时,可以为命名空间定义前缀(见前例)。为命名空间定义前缀,而不直接使用命名空间的URI是因为URI为了唯一通常会很长,直接使用URI不但造成书写和阅读的不便,还会扰乱XML的语法。声明命名空间时,也可以不定义前缀。如……

阅读全文…

热门:响应图片(Responsive Images)技术简介

2012年02月15日 by 张 鑫旭 阅读 65162 次, 今日 37 次

响应图片技术可以说是响应布局衍生出来的一个小分支。说白了,就是不同显示器宽度下调用不同的图片。
这玩意,最近在国外讨论很火,有几种不同的实现方法,但都并不复杂。本文就将简单介绍这些方法,从原理到实践。同样的,代码示例,截图,demo页面,都有。希望本文的内容能够对您的学习有所帮助。

阅读全文…

您可能不知道的CSS元素隐藏“失效”以其妙用

2012年02月14日 by 张 鑫旭 阅读 131441 次, 今日 64 次

在CSS中,让元素隐藏(指屏幕范围内肉眼不可见)的方法很多,有的占据空间,有的不占据空间;有的可以响应点击,有的不能响应点击。然而,其中有些隐藏方法会出现“失效”的情况。而这些“失效”的情况往往会有一些和巧妙的应用。本文就是介绍这些“失效”情况并列举了其一些比较巧妙的应用。一如既往,demo页面,截图,必要的代码展示,总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

HTML5 placeholder实际应用经验分享及拓展

2012年02月6日 by 张 鑫旭 阅读 134719 次, 今日 108 次


目前,现代浏览器均早已支持placeholder占位符属性。好定西不用白不用啊,因此,在前年,我就将HTML5的placeholder占位符属性应用在实际项目中了。在这一年多的应用中,还是有些磕磕碰碰,在此作为经验分享下。一来加深大家与placeholder的认识,二是希望大家可以积极大胆应用一些HTML5的新特性。
然后,还要对占位符的一些应用做扩展。本文是个排得上位置的长篇,内容多而杂,不过demo啊,截图啊,实例的,代码的都很详尽,内容也都是些值得话时间咀嚼的东西…… 相信会对您的学习有所帮助的。

阅读全文…

display:table-cell自适应布局下连续单词字符换行

2012年01月18日 by 张 鑫旭 阅读 65135 次, 今日 33 次

摘要我实在懒得写了,身心有些疲累啊。大致内容就是标题所示的啦。对于部分同行来讲,可能没什么用。其一不怎么关注和使用自适应布局,二是关注和使用自适应布局使用的大多不是display:table-cell方法。
但是,毕竟目前这方面的文章还不是很多,相信会对需要帮助的人提供一些小小帮助的。若果真如此,实在太好不过了。

阅读全文…