CSS3 background扩展属性element简介

2011年07月16日 by 张 鑫旭 阅读 47270 次, 今日 2 次

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

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

阅读全文…

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

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

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

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

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

阅读全文…

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

2011年07月6日 by 张 鑫旭 阅读 64609 次, 今日 2 次

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

阅读全文…

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

2011年06月30日 by 张 鑫旭 阅读 159477 次, 今日 7 次

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

阅读全文…

HTML5新增的form属性简介

2011年06月22日 by 张 鑫旭 阅读 76403 次, 今日 1 次

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

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

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

阅读全文…

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

2011年06月21日 by 张 鑫旭 阅读 206272 次, 今日 6 次

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

阅读全文…

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

2011年06月21日 by 张 鑫旭 阅读 97997 次, 今日 2 次


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

阅读全文…

HTML5自定义属性对象Dataset简介

2011年06月14日 by 张 鑫旭 阅读 152446 次, 今日 4 次

本文介绍个HTML里面的个东东——dataset,这是个DOMStringMap对象,是HTML5一种新的含有多个名-值对的交互变量。作用是用来方便地控制HTML5中自定义的data属性。由于目前支持该属性的浏览器还不是很多,想要在实际项目中大范围使用还不太现实,所以本文只简单介绍该属性。

本文提供一些帮助理解和认识的demo页面,外带一些必要的截图以及源代码展示,总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

关于HTML5中一些被舍弃的元素及特征

2011年06月13日 by 张 鑫旭 阅读 42889 次, 今日 2 次

如题,本文主要简单介绍HTML5中一些被舍弃的属性特征相关的一些内容,算不上大作,没有demo,只有寥寥文字与几张截图,希望可以对您HTML5的学习提供帮助。

阅读全文…

小卖弄:开心网标签词观点交互的CSS实现

2011年06月10日 by 张 鑫旭 阅读 62533 次, 今日 5 次

开心网转帖后面有一个标签式的短评观点交互效果,这种效果的精髓与QQ好友印象是很接近的。但是开心网的实现标签N多,层级也N复杂,且JS实现的交换,并使用了背景图片,缺点多多。本文的内容就是如何使用纯CSS实现类似的效果。本文提供必要的demo页面,页面截图和源代码展示。希望本文的内容能够对您的学习有所帮助。

阅读全文…