口碑网UED团队

大家都知道引用外部CSS有两种方法.
一种为HTML的<link>标签.
一种为CSS的@import url命令.
他们的具体使用方法就不多说了.单从外用引用CSS的功能上是一样的.
不过 link 与 @import 在显示效果上还是有很大区别的.基本上来看 link 的加在会在页面显示之前全部加载完.而@import 会是读取完文件之后加载。IE下@import加载页面时开始的瞬间会有闪烁（无样式表的页面），然后才恢复正常（加载样式后的页面），而Link没有这个问题。
如果你问我这是怎么回事儿?…..
那我也只能回答你.TMD谁知道呢…..-_-b
其实这是IE的一个BUG.而且还是一个非常不符逻辑的BUG(IE就出这种事儿!).
好在我们还有个非常不符合逻辑的解决方案.
经过和蚂蚁和末末茶的讨论.
我们在@import的前面用<link>标签引入一个CSS……..
可以将这个link引到一个打印的CSS上(print.css).或者一个根本不存在的CSS(empty.css).
“伟大”的IE真是让人匪夷所思……

还有一篇英文原文也是说这种BUG的.
文中提到还可以使用<script>标签来解决此BUG…-_-b.
再次感叹一下…
http://www.brightlemon.com/web-design/blog/?p=27

这是想要达到的圆角效果；
1.首先把圆角切出来整合到一个图片，本例一个圆角的大小是11×11px：

2.html代码：

<div style=”background-color:#dceaff;border:1px solid #70a0eb; position:relative; width:500px;height:300px;”>
<div style=”float:left”>5555</div>
<div style=”float:left”>5555</div>
<div class=”LT”></div>
<div class=”RT”></div>
<div class=”LB”></div>
<div class=”RB”></div>
</div>

3.css代码： 继续阅读本篇日志 »

先寒自己一个,现在才开始试用,老土了

简单介绍一下,Kuler Desktop是一款 基于Adobe AIR 分享颜色主题的应用程序,全球的设计师可以参考已有的色彩方案或自己调制色版,并把自己配色方案上传到kuler给所有用户共享与交流.类似yahoo! widget,比dw自带的配色版好用得多

先来看看kuler漂亮的界面

安装步骤: 继续阅读本篇日志 »

2007年5月19-5月20，口碑网用户体验部走进安徽，踏上了传说中的徽杭古道。
徽杭古道又称逍遥岩栈道，为国内十大徒步路线之一。她是古代徽州商人贩运盐、茶、山货往返杭州的必经之路，红顶商人——胡雪岩也是从这儿走出来的。古道依山伴水，右边是逍遥峡谷,溪水在峡谷里流淌,古道开头垒石而成,有关隘跨道路劈岩而建,楣石上刻“江南第一关”。
古道幽古深邃,怪石垒垒，风景优美，是最早普及的户外徒步路线之一。

我们每一次的行程我们都写得天花乱坠，可是发现华而不实，所以这次写点对大家有用的东西，也可以简称攻略，希望能帮助到你。

周六早上7：00汽车西站出发，从杭州到绩溪每天有三部车，7：00（52元，高速路）、7：40（42元，不详）、13:20（52元，不详）,计划10：30到达绩溪，但由于买的是高速公路的车票，所以比计划时间早很多到达绩溪，时间是9：30；在下车车站对面有一个车站，是绩溪到胡家的，20分钟一班，票价5.5元，和司机说好到鱼川，在鱼川下车穿过一个古镇，在镇上的小道上，被好心人画上去古道的箭头，一阵平缓田间小道之后，在江南第一桥的古镇饭店停下来休息了一下，自己动手做了一餐午饭，根据网上的朋友说，她家的饭不要吃，当初就是没有买她的一根木棍，唠叨了我们很久！古镇饭店的自来水不大干净，有些青苔之类的漂浮物，但所幸影响不大。

下午13：00，站在江南第一桥上合影一张后，开始了徽杭之旅的真正行程，一段平缓的路过后就是一座水电站，过了水电站，就是一直向上的蜿蜒的梯步，大约10-20分钟后到达江南第一关，休息片刻，继续向上， 继续阅读本篇日志 »

上次看了蚂蚁发过来的文章，和我自己的写法不太一样，现在贴出来给大家看看，PK一下！

区别不同浏览器，CSS hack写法：

区别IE6与FF：

#demo{

background:orange;

*background:blue;

}

区别IE6与IE7：

#demo{

background:green !important;

background:blue;

}

区别IE7与FF： 继续阅读本篇日志 »

需求是在TAB上实现按照文字自由适应宽度的效果，做法是吧左边的圆角至最底部切片 width:4px 图片，剩下的就是将右边的乃至更长的滑动门图片切割下来，我这里切下了width:200px

效果图：

非当前tab 效果 左边图片切下

非当前tab 效果 右边图片切下

当前页面效果 左边的图片切下

当前页面效果 右边的图片切下

—– css —– 继续阅读本篇日志 »

在个人家园首页的重构中，遇见的一些浏览器的问题，虽然比较的初级，但也值得我去记住。

 .Avatar a b img ,.Avatar100 a b img , .OtherAvatar a b img ,.Album120 a b img {
    padding:3px;
    background:#fff;
    border:1px solid #ededed;
    vertical-align:middle;
    click: expression(this.onclick = function(){this.parentNode.parentNode.click()}); /* for ie */
 }
.Album120 a b img {
    border:#dfdfdf;
    }

在IE下，Album120 a b 下 img 标签会直接继承上面 的 1px soild ，好像FF不能继承，所以为了兼通，代码中必须写成

.Album120 a b img {
    border:1px solid #dfdfdf;
    }

很酷，其实做起来也很简单。

前提是你要有几个很酷的笔刷。

再配合颜色叠加和云彩滤镜就可以实现上面的效果。

首先搞个黑底，用笔刷简单的图一下。其实这笔刷是在别处搞的。并不是原创。最后我会放出资源链接。 继续阅读本篇日志 »

 太兴奋了,先在这里留个小脚印，嘿嘿！

Blog能在这么短时间内顺利开通，特别要感谢我们乌龙茶的一手操办，辛苦啦:)

在这里与大家一同分享工作、生活的点滴，也希望在这里认识更多志同道合的朋友们。

先占个位测试。。。

哇啦哇啦。。。。。。哇啦哇啦。。。。。哇啦哇啦。。。。。。哇啦哇啦。。。。。