小tip:巧用CSS3属性作为CSS hack

2011年08月15日 by 张 鑫旭 阅读 26620 次, 今日 2 次

本文是个短篇,一点小技术的展示。如何妙用CSS3属性作为CSS hack来实现一些兼容性的页面效果,同时,又能兼顾一些现代浏览器。提供demo页面,必要截图以及源代码展示。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

CSS相对定位|绝对定位(五)之z-index篇

2011年08月9日 by 张 鑫旭 阅读 57901 次

本文是CSS相对定位绝对定位系列的最后一篇,简单讲讲z-index。主要内容是讲目前z-index滥用的一个情况。其次是讲了下自己避免z-index混乱使用而采用的分门别类下的1,2,3应用规则。本文没有demo,没有源代码展示,只有一些截图。内容相对前面几篇要少很多,但也精炼了。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

CSS 相对/绝对(relative/absolute)定位系列(四)

2011年08月6日 by 张 鑫旭 阅读 87943 次, 今日 3 次


本文是相对定位/绝对定位系列之四——relative相对定位篇。前面部分比较随性,以讲故事的形式介绍relative相对定位的一些属性特点。后面为本文重点,讲述的是relative相对定位的最小化影响原则。有demo,有实例,有截图以及必要的源代码展示。总之,希望本文的内容对您的学习有所帮助。

阅读全文…

JS护航下CSS3效果的渐进增强使用

2011年07月29日 by 张 鑫旭 阅读 29541 次


本文主要将如果借助JS即保证IE9浏览器以及FireFox等浏览器可以使用很简单的标签使用CSS3下的圆角,盒阴影效果,又能保证IE6/IE7/IE8浏览器下有兼容性的同样效果。这可以是一种比较新颖的做法,有别于传统为了兼容性牺牲CSS3的做法,也不是当下一些JavaScript CSS3库的做法。

作为观点式的文章,必定有效果良好的demo,有源代码展示,还有必要的截图。总之希望本文的内容能够对您的学习有所帮助。

阅读全文…

说说HTML5中label标签的可访问性问题

2011年07月28日 by 张 鑫旭 阅读 34930 次, 今日 2 次

一般稍微有些经验的页面制作人员都知道label标签可以优雅地扩大表单控件元素的点击区域,这对于提高页面的可访问性是很有帮助的。但是,具体的些情况是如何的呢?本文就将比较巷子地介绍下label标签在HTML5中的可访问性,以及目前的一些支持情况,发展等。
一贯优良传统,有demo页面,有源代码展示,有截图。总之,希望本文的内容能够对您学习有所帮助。

阅读全文…

Google字体API使用简单示例

2011年07月18日 by 张 鑫旭 阅读 26049 次

Google总会做些造福大众的事情,例如提供了web在线字体的API,这玩意其实去年就有了,但是字体种类手指头+脚趾头就可以数出来。but 最近,貌似Google对字体API进行了升级,可使用的在线web字体已经奔向200去了。
对于设计者而言,可谓不得不高兴的事情。这里,通过简单的例子,讲讲如何使用这些字体API。
回归传统,本文提供demo页面,效果截图展示,源代码展示。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

CSS3 background扩展属性element简介

2011年07月16日 by 张 鑫旭 阅读 14636 次, 今日 1 次

CSS3的世界就像是未知的海洋世界,经常会冒出一些气息古怪的玩意。就拿background这个属性来说,普通的图片,背景色自然不在话下,还支持多个背景图片,支持gradient线性或径向渐变,支持自定义起始方位,支持sapceround平铺,支持背景大小自定义,剪裁形式自定义。

昨天,在mozilla开发者官网又发现了一个很有爱的background属性,叫做element。可以把页面元素当作背景图片来使,真是很神奇很嘎嘎,这里就简单介绍下……

阅读全文…

与web网页设计师内部交流会内容预分享

2011年07月14日 by 张 鑫旭 阅读 34295 次, 今日 1 次

在我看来,人生中能找到一个合适的搭档是很难很难的,例如舞伴,女朋友,或是web设计师。网上不是流传着这么一句话嘛:不怕神一样的对手,就怕猪一样的队友。

而如女朋友之类一般都是靠自己解决的,具有很好的能动性、选择性。正所谓我选择,我喜欢。但是,对于职业化的web设计师往往都是组织安排的,就像是《潜伏》里组织给余则成安排不可抗拒的翠平这个老婆一样。你没有权力去挑三拣四,所能做的就是不断磨合。指手划脚,怨声载道,到头来啃泥巴的还是自己。

浮生若梦如云,变幻莫测。还期待下赛季表现的姚明也要宣布退役了,对于人员流动频繁的互联网界来说,就更不用说了。数月前,公司高级UI设计师因为某些原因,离职了。加上今年业务扩大,人手不足,接连招了好几个网页设计师,但都是经验尚浅的年轻小姑娘。在最近的几个小项目的配合中,发现这几个新来的设计师有些不给力:不预先做功课(如熟悉现在的网站设计元素、风格、交互等),结果辛辛苦苦做了很多无用功;有些浮夸的效果不仅增加了自己的工作量,我们前端这块也会多折腾,但设计所提升的价值却很有限。

阅读全文…

HTML5块状元素链接以及可用性探讨

2011年07月6日 by 张 鑫旭 阅读 27414 次

本文属于增长见识,建议了解的文章。内容正如标题所展示的,介绍HTML5块状元素链接,以及叙述其相关的一些可用性问题。心情有些烦躁,千篇一律重复的话这回就不说了,总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

浏览器地理位置(Geolocation)API 简介

2011年06月30日 by 张 鑫旭 阅读 73055 次, 今日 1 次

Geolocation API(地理位置应用程序接口)提供了一个可以准确知道浏览器用户当前位置的方法。且目前看来浏览器的支持情况还算不错(因为新版本的IE支持了该API),这使得在不久之后就可以使用这一浏览器内置的API了。该API接口提供的用户地理位置信息还算蛮详细的,经纬度啊,海拔啊,精确度,移动速度啊都是可以获取的。该API是相当有实用价值的,本文就简单介绍下这个东东,希望能对您的学习有所帮助。

阅读全文…