代码改变世界

CSS的未来:一些试验性CSS属性

2011-09-28 16:33 by Mr.Xer, 207 阅读, 0 推荐, 收藏, 编辑
摘要:尽管现代浏览器已经支持了众多的CSS3属性,但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性,如border-radius、box-shadow或者transform等。它们有良好的文档、很好的测试并且最常用到,所以如果你最近在设计网站,你很难能脱离它们。但是,隐藏在浏览器的大宝库中是一些高级的、被严重低估的属性,但是它们并没有得到太多的关注。或许它们中的一些应该这样(被无视),但是其它的属性应该得到更多的认可。最伟大的财富隐藏在Webkit的下面,而且在iPhone、iPad和Android apps的时代,开始了解它们会灰常有用。就连Firefox等使用的Gecko引擎,也提 阅读全文

精通高级CSS选择器

2011-09-28 16:29 by Mr.Xer, 299 阅读, 0 推荐, 收藏, 编辑
摘要:我们每个人都意识到了CSS的重要性,但CSS选择器远未发挥它们的潜力,有的时候我们还趋向于使用过多的和无用的class、id、div、span等把我们的html搞的很凌乱。避免让这些“瘟疫”在你的标签中传播并保持其简洁和语义化的最佳方式,就是使用更复杂的CSS选择器,它们可以定位于指定的元素而不用使用额外的class或id,而且通过这种方式也可以让我们的代码和样式更加灵活。CSS的优先级当我们写CSS的时候我们必须注意有些CSS选择器在级联(cascade)上会高于其它CSS选择器,我们写在最后面的CSS选择器将不一定会覆盖前面我们写在同一个元素的样式。那么你如何计算指定CSS选择器的优先级? 阅读全文

Sexy Drop Down Menu w/ jQuery & CSS

2011-09-28 16:14 by Mr.Xer, 345 阅读, 0 推荐, 收藏, 编辑
摘要:Studies show that top navigations tend to get the most visual attention when a user first visits a site. Having organized and intuitive navigation is key — and while most drop down menus may look aesthetically pleasing, developing them to degrade gracefully is also essential. In this tutorial I woul 阅读全文

HTML5和CSS3各种浏览器兼容性速查表

2011-09-28 15:26 by Mr.Xer, 266 阅读, 0 推荐, 收藏, 编辑
摘要:CSS3 Properties 兼容性PLATFORMMACWIN% SupportBrowserOPERAFIREFOXSAFARICHROMEOPERAFIREFOXSAFARIIECHROMEVersion10.633.65710.633.64.035678978RGBAYYYYYYYYNNNYYY84%(grade: "excellent")HSLAYYYYYYYYNNNYYY82%(grade: "excellent")Background SizeYYYYYYYYNNNYYY79%(grade: "excellent")M 阅读全文

网页色彩大攻略(白色系)

2011-09-28 13:07 by Mr.Xer, 540 阅读, 0 推荐, 收藏, 编辑
摘要:白色物理亮度最高,但是给人的感觉却偏冷。作为生活中纸和墙的色彩,白色是最常用的网页背景色,在白色的衬托下,大多数色彩都能取得良好的表现效果。白色给人的感觉是:洁白、明快、纯粹、客观、真理、纯朴、神圣、正义、光明、失败等。然后设计时也应该: 白色有一定的导致疲劳的作用,作为文字背景未必是最佳色彩。 白色过于客观和惨淡,极少表现力,很难对网站主题加以烘托。 白色是大多数浏览器和设计工具的默认背景,这是... 阅读全文

网页色彩大攻略(绿色系)

2011-09-28 13:05 by Mr.Xer, 1733 阅读, 2 推荐, 收藏, 编辑
摘要:从RGB色彩空间上看,可以被认知为绿色的数量比较多。因此,绿色又可分为多种。色相值为120°的是正绿色(#00FF00)。色相值越小,色彩感觉越细嫩,色相值越高,色彩感觉越生冷。而绿色作为冷暖色的交界色彩,不同种类给人的感觉也有很大差别。在这里我们大体将绿色分为黄绿色、正绿色和青绿色。RGB色彩空间中的正绿色,如果明度较高会特别刺眼,而明度较低又给人以阴森的感觉,因此在网页设计上很少大面积使用。青绿色由于和青色非常接近,在后面随青色相进行分析。 黄绿色是绿色中最适于大面积使用的色彩,本小节引用的例子以该色相为主。 绿色刺激性较小,冷暖适中,有是大自然的色彩,给人以安全、舒适的感觉,是 阅读全文

网页色彩大攻略(紫色系)

2011-09-28 13:04 by Mr.Xer, 982 阅读, 0 推荐, 收藏, 编辑
摘要:紫色处于蓝色相和红色相之间。我们可以根据感觉经验,将这段色相范围再分两类,离蓝近的叫蓝紫色,离红近的叫品红色。正紫色的色相值是300°,即品红色的色相。 蓝紫色是最消极的色相,凸现忧郁和不安的心理感受,而且富有神秘感。然而蓝紫色深受女性青睐,因此很多女性为用户的网站用该色较多。 蓝紫色特征如下: 1、蓝紫色忧郁、神秘、同时高贵、庄严、在我国还意味着富贵和吉祥。 2、饱和度较高、亮度较高的蓝紫色,给人的感觉是:夜间活动、梦幻、优雅、高贵、娇媚、温柔、昂贵、傲慢、魅力等。 3、 饱和度骄傲高,亮度较低的蓝紫色,给人的感觉是:虚伪、渴望、失去信心等。 4、饱和度低、亮度较高的蓝紫色,... 阅读全文

网页色彩大攻略(黑色系)

2011-09-28 13:03 by Mr.Xer, 588 阅读, 0 推荐, 收藏, 编辑
摘要:黑色是全色相,即饱和度和亮度为0的无彩色。大面积使用,黑色比较消极,却能较好地衬托其他色彩。黑色给人的感觉是:深夜、死亡、罪恶、恐怖、沉默、绝望、悲哀、严肃、刚正、坚毅、鲁莽等。 较暗色是指亮度极暗,接近黑的的色彩。这类色彩的属性几乎脱离色相,集成黑色, 却比黑色富有表现力。因此,如果能把握好色相,设计师应尽可能地用较暗色取代黑色。http://www.lifelike.se/http://www.northcolour.com/http://www.knassar.com/http://www.dannydiablo.de/http://www.allengroup.com/http://w 阅读全文

网页色彩大攻略(蓝色系)

2011-09-28 13:02 by Mr.Xer, 1581 阅读, 1 推荐, 收藏, 编辑
摘要:蓝色的太空、大海的颜色,人们对蓝色的印象深刻,感情深厚,因此蓝色在RGB空间中有着宽广的识别范围,在网页设计中最流行的色彩。一般将蓝色的色相范围定在190°-270°之间。有青蓝色经正蓝色过渡到紫蓝色。正蓝色的色相值为240°。 蓝色是偏冷的色彩,稍有强烈的刺激,多数时候给人以良好的感觉。 综合以上性质,蓝色往往给人以专业、科技的感觉。因此,蓝色被普遍应用到企业网站和专业网站当中。 蓝色特征如下: 1、高饱和度、高亮度的蓝色给人以遥远、寒冷、无限、永恒的感觉。 2、低饱和度、高亮度的蓝色给人以清单、高雅、轻柔、聪慧的感觉。 3、高饱和度、低亮度的蓝色给人以奥秘、沉 阅读全文

腾讯UED 漂亮的提示信息

2011-09-13 11:49 by Mr.Xer, 549 阅读, 1 推荐, 收藏, 编辑
摘要:CSS样式:.zeng_msgbox_layer,.zeng_msgbox_layer .gtl_ico_succ,.zeng_msgbox_layer .gtl_ico_fail,.zeng_msgbox_layer .gtl_ico_hits,.zeng_msgbox_layer .gtl_ico_clear,.zeng_msgbox_layer .gtl_end{display:inline-block;height:54px;line-height:54px;font-weight:bold;font-size:14px;color:#606060;background-image:u 阅读全文