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

2011年07月29日 by 张 鑫旭 阅读 28953 次, 今日 8 次


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

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

阅读全文…

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

2011年07月28日 by 张 鑫旭 阅读 34073 次, 今日 13 次

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

阅读全文…

Google字体API使用简单示例

2011年07月18日 by 张 鑫旭 阅读 25578 次, 今日 7 次

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

阅读全文…

CSS3 background扩展属性element简介

2011年07月16日 by 张 鑫旭 阅读 14324 次, 今日 7 次

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

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

阅读全文…

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

2011年07月14日 by 张 鑫旭 阅读 33739 次, 今日 7 次

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

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

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

阅读全文…

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

2011年07月6日 by 张 鑫旭 阅读 26795 次, 今日 8 次

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

阅读全文…

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

2011年06月30日 by 张 鑫旭 阅读 69751 次, 今日 70 次

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

阅读全文…

HTML5新增的form属性简介

2011年06月22日 by 张 鑫旭 阅读 30887 次, 今日 31 次

HTML5中新增了一个名为form的属性,是一个与处理表单相关的元素。

在HTML4或XHTML中,我们要提交一个表单,必须把相关的控件元素都放在<form>元素下。因为表单提交的时候,会直接忽略不是其子元素的控件。但是,实际情况下,由于页面设计与实现的特殊性,会存在有些表单之外的元素也需要一并提交的情况,这时候,传统的表单功能就显得有些捉襟见肘了。

HTML5中新增form属性就是为更好地处理这个问题才出现的……

阅读全文…

CSS3选择器:nth-child和:nth-of-type之间的差异

2011年06月21日 by 张 鑫旭 阅读 76022 次, 今日 157 次

:nth-child和:nth-of-type都是CSS3中的伪类选择器,其作用近似却又不完全一样,对于不熟悉的人对其可能不是很区分,本文就将介绍两者的不同,以便于大家正确灵活使用这两类选择器。提供几个简单的对比实例页面以表现两者之间的差异,提供源代码展示,提供必要的截图。并附上自己对这两个选择器的一些认识和建议。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

翻编-JavaScript有关的10个怪癖和秘密

2011年06月21日 by 张 鑫旭 阅读 36552 次, 今日 35 次


本身属于翻译文章,内容为JavaScript的一些奇怪之处,但是又不是传统意义上的逐字逐句地翻译,大体意思到了,至于细节以及文字表述还是有些本土化的特征,并在有些地方外加了点自己的小看法。同时为了便于大家的理解与学习,我还对原文内容进行了扩充,即基本上针对每一个实例都制作了相应的demo页面并附上了相关的截图。希望能对您的学习有所帮助。

阅读全文…