0

答案在风中飘

二零一一 七月十日

努力把经过四个小时昏睡的那个我从混沌中拖到现实中来。虽然我的脑袋仍然伴随着室外高层建筑的巨大排风装置嗡嗡作响,思绪跟着建筑工地施工机器的节奏漫天飞舞,但是我仍然希望投入十二分热情来码这些字符,记录下此时此刻的思绪。

在落笔前,我仍然不知道写些什么,试图插点小文艺的措辞让这些文字,看起来像模像样,既可读,又充满洋溢的情感。

我不想套用某某人话,文章,或者经验,规则,来表达自己的对这个世界的看法,仅仅是「自己]

有关梦想。

或许我并不想做第一,或许我并不想发明独一无二的东西,或许我并不想证明只有我的点子最棒。但是我这一生肯定是为追求分享设计感悟,实用的工具,人性化的体验而努力坚持前行的。

在这条路上,或许能遇到志同道合的朋友,或许只能孤身一人独自前行,但那些无关紧要,重要的「执着]与「勇气]。这些看似只有在烂熟的歌曲中才会存在的平淡字眼,终会在你相信他们的时候发挥神奇的力量。

How many roads must a man walk down  
  Before they call him a man   
  How many seas must a white dove sail  
  Before she sleeps in the sand   
  How many times must the cannon balls fly   
  Before they‘re forever banned   
  The answer, my friend, is blowing in the wind  
  The answer is blowing in the wind   
  How many years must a mountain exist   
  Before it is washed to the sea   
  How many years can some people exist  
  Before they‘re allowed to be free   
  How many times can a man turn his head   
  And pretend that he just doesn‘t see   
  The answer, my friend, is blowing in the wind  
  The answer is blowing in the wind 
  How many times must a man look up
  Before he can see the sky   
  How many ears must one man have
  Before he can hear people cry 
  How many deaths will it take  
  Till he knows that too many people have died 
  The answer, my friend, is blowing in the wind  
  The answer is blowing in the wind  
  

1

闲话豆瓣新版的头

豆瓣改版,裂分为1+3模式,主站社交,子站 书籍 音乐 电影,构建成星状模型。

布局的重大调整就落在了导航上。

假如把承重信息的整个版面比作天空,那么点点星星,条条块块的信息就好比飞在空中各种生物,各自有各自的飞行轨道和飞行空间,平行而不冲撞,航道顺畅。

第一版的改动,头部子站点导航与个人用户设置以及主打产品豆瓣电台app,置顶页首,灰色一条,醒目而压抑,也难怪有网友会调侃那是乌云压顶。假如比作人,此人头上戴了个黑色帽子。此类深色导航适用于信息管理系统控制页面,最起码也得有背景渐变,视觉上才不会那么突兀。好端端晴空万里的天空,有块乌云飘在头上,是谁也高兴不起来。

第二版改动,头部子站点导航信息全部右侧浮动,去掉灰色背景,改作白色底色加阴影,层次上拉开了。好比天空有了白云,你前我后,只是认为把航道标明,而不是让信息生物自由飞翔,强制性显而易见。

什么时候让这些信息看似一个一个奇怪而生动的生物在各自位置上自由飞翔,呆在该在位置,这个头就好了。

不要让他们都像一张脸上都是眼睛盯着你看,而你还得总得和他们对看,不用他们的时候他们应该自动弹开。

ps:看看这位老兄自己的项目Facebook Facelift,头部导航清晰,icon得当,晴空万里,甚是舒畅。

该放在页脚的信息就得去页脚呆着,这样才能脚踏实地。

了解更多这个项目的信息

View all images on Flickr.

Watch the video on Vimeo.

1

网页设计师轮盘

原文地址

这个网页设计师的轮盘是描述通过五个步骤进行管理小型网络项目与客户间关系的简要过程模型。这个方法能帮助你更好的工作,建立和考虑阶段性的关键点,并与客户建立起长期的商业关系。

webdesigner-wheel

模型

需求定义:在这第一个步骤中,您有“翻译”的要求和客户要求的所有功能执行。可以制定一个你必须要做的带有详细描述的项目清单。

规划: 为上一步中制定的项目清单规划开始与结束日期。罗列出每天需要做的清单,分阶段估算出开发与测试周期.

开发测试: 编写和测试执行的功能,履行上一步骤中制定的每日计划。根据每日进度判断是否有必要进行重新规划。每周和客户进行沟通,或者有重大改动的时候及时和客户交流。

检查: 做最后的“大规模”检测,与客户一同测试主要功能。

发布与追踪: 发布产品并追踪监视, 获得客户回执.

0

有关CSS的Class命名

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...)
0

WordPress技巧(6): 替换”read more”

做以下的定义,修改第三行的代码,放到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 );
}
?>