February 26th, 2010 Mixed

豆瓣改版,裂分为1+3模式,主站社交,子站 书籍 音乐 电影,构建成星状模型。
布局的重大调整就落在了导航上。
假如把承重信息的整个版面比作天空,那么点点星星,条条块块的信息就好比飞在空中各种生物,各自有各自的飞行轨道和飞行空间,平行而不冲撞,航道顺畅。
第一版的改动,头部子站点导航与个人用户设置以及主打产品豆瓣电台app,置顶页首,灰色一条,醒目而压抑,也难怪有网友会调侃那是乌云压顶。假如比作人,此人头上戴了个黑色帽子。此类深色导航适用于信息管理系统控制页面,最起码也得有背景渐变,视觉上才不会那么突兀。好端端晴空万里的天空,有块乌云飘在头上,是谁也高兴不起来。
第二版改动,头部子站点导航信息全部右侧浮动,去掉灰色背景,改作白色底色加阴影,层次上拉开了。好比天空有了白云,你前我后,只是认为把航道标明,而不是让信息生物自由飞翔,强制性显而易见。
什么时候让这些信息看似一个一个奇怪而生动的生物在各自位置上自由飞翔,呆在该在位置,这个头就好了。
不要让他们都像一张脸上都是眼睛盯着你看,而你还得总得和他们对看,不用他们的时候他们应该自动弹开。
ps:看看这位老兄自己的项目Facebook Facelift,头部导航清晰,icon得当,晴空万里,甚是舒畅。
该放在页脚的信息就得去页脚呆着,这样才能脚踏实地。

了解更多这个项目的信息
View all images on Flickr.
Watch the video on Vimeo.
This entry was posted
on Friday, February 26th, 2010 at 1:28 PM and is filed under Mixed.
You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.
November 4th, 2009 E, Mixed
原文地址
这个网页设计师的轮盘是描述通过五个步骤进行管理小型网络项目与客户间关系的简要过程模型。这个方法能帮助你更好的工作,建立和考虑阶段性的关键点,并与客户建立起长期的商业关系。
模型
需求定义:在这第一个步骤中,您有“翻译”的要求和客户要求的所有功能执行。可以制定一个你必须要做的带有详细描述的项目清单。
规划: 为上一步中制定的项目清单规划开始与结束日期。罗列出每天需要做的清单,分阶段估算出开发与测试周期.
开发测试: 编写和测试执行的功能,履行上一步骤中制定的每日计划。根据每日进度判断是否有必要进行重新规划。每周和客户进行沟通,或者有重大改动的时候及时和客户交流。
检查: 做最后的“大规模”检测,与客户一同测试主要功能。
发布与追踪: 发布产品并追踪监视, 获得客户回执.
This entry was posted
on Wednesday, November 4th, 2009 at 11:12 PM and is filed under E, Mixed.
You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.
August 14th, 2009 CSS, Code, Mixed
My Top 10 Most Used CSS Class Names
看到这篇文章以后,做下自己的整理。
在写css的过程中,Class的命名是非常重要的一项内同,简洁有语义的Class命名有利于代码的可读性。虽然伴随着HTML5的到来,会逐渐弱化,直接在HTML标签上进行简化和加强语义,但是这里还是有必要写一下。
class=”fixed”
这里是清除浮动的新写法,自动产生一个不显示的字符”.”,清除浮动,非常的实用。我自己使用class=”clearfix”
.fixed:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.fixed{
display:block;
}
/* \*/
.fixed{
min-height:1%;
}
* html .fixed{
height:1%;
} (more...)
This entry was posted
on Friday, August 14th, 2009 at 8:02 PM and is filed under CSS, Code, Mixed.
You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.
August 8th, 2009 Hack, Mixed, WordPress
做以下的定义,修改第三行的代码,放到functions.php文件中,all will be ok!
<?php
$custom_more = "Continue reading this post";
add_filter( 'the_content_more_link', 'my_more_link', 10, 2 );
function my_more_link( $more_link, $more_link_text ) {
return str_replace( $more_link_text, $custom_more, $more_link );
}
?>
This entry was posted
on Saturday, August 8th, 2009 at 3:54 PM and is filed under Hack, Mixed, WordPress.
You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.
August 6th, 2009 E, Mixed

Xenocode Browsers这个工具我认为是必须拥有的,只需要安装一个插件,就可以在线测试多种浏览器效果 (IE 6, 7 和 8, Firefox 2 and 3, Google Chrome 和 Opera) 。
不过这个工具只能在Windows (XP with SP2 和更高级的系统)下工作,但非常的不错。访问 Xenocode Browsers
This entry was posted
on Thursday, August 6th, 2009 at 3:48 PM and is filed under E, Mixed.
You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.