MLikeasong

　　这张图来自开心网的争车位的组件里，终于被我截到屏了！上周别克的新车做广告的时候，我看得很激动，打算写点东西，准备了两天再去截屏的时候，那广告已经下了。
　　这大半年来，于公于私都一直在研究开心网，写过几份报告，提交过几个创意，可惜SOHU最终只把一些组件功能做到社区里，SNS最终没被立项。
　　我的一些想法中就包括了车位广告的问题，涉及到车型广告：和汽车频道合作开展新车型的线上广告推广；还有就是车位背景广告：和女人频道合作进行背景广告，包括护肤品、化妆品产品和品牌推广或者商场广告。
　　开心网还是算在测试期，但是已经能从人气爆棚的车位组件正式走上广告营销的路，再加上新推出的买房子家具电器的组件，游戏才刚刚开始。
　　最后多说一句，各位有能耐没能耐的兄弟姐妹，帮我推荐个工作吧。。我闲得发霉了！

　　两次去杭州，第一次去呆了一天半，第二次去呆了两天半。
　　第一次去的重点在西湖和灵隐寺，第二次去的第一天重点也在这两处。西湖还是那么美，杨公堤那边甚至更美了，让我很后悔没有带相机去；这次我绕了一条稍远的公路步行去灵隐，依旧一一拜过所有的佛像，在每个殿都烧了点便宜香，对我这样无信仰的人来说应该算是非常可贵了。在西湖边确实很有一种住下不想走的冲动，但在城区内却得不到任何感觉。

　　第二天是此行关键，上午我在湖边办了一张卡，租了一辆自行车，绕湖骑了一周，中午骑到阿里巴巴；下午我到阿里巴巴面试交互设计师，见到了UED的俞非，聊得还行，一直到下班。
　　这里提到了自行车和交互，杭州的自行车让我感触非常之深，上次来杭州的时候，湖边各处都有租自行车的小店铺，交押金，一个小时10元或者20元。这次发现湖边和市内都各处增加了一些连锁的租车点，在一个店办卡预存200元押金和100元费用，可以随意在任何一个点自助取车还车，24小时自助服务，全部刷卡操作，存车点也很多，关键是够便宜：一个小时内免费，2小时1元……我上午取的车，晚上离开阿里巴巴后还的车，一共15元。
　　可以说这个连锁租车服务是个比较完美的产品，很多细节也都考虑到了，让我激动了好一阵，自行车本身车架上嵌入了车锁，只需按键操作就可以锁车，然后拔下钥匙就安全了；绝大多数还车点是无人看守的，于是在车棚上方有个摄像头，须将车停在地上标示了黄线的区域内几秒钟，让摄像头检测到确实是一辆完整的车-_-!。。。然后就可以把车固定到棚里的基座上刷卡并锁住归还，系统自动从卡里扣除费用。整个流程操控性很强，但是对用户而言并不复杂，这样的东西我觉得也只有在盛产交互产品的杭州才会出现了……在北京，只能产出地铁里的各种莫名其妙的为“智障孩童”准备的家长系统。在北京，我们都是智障儿童，是不能有交互的机会滴~

在以Axure为代表的各种高级原型工具泛滥的今天，很荣幸的看到了这样一组手绘得非常精致的UE，这些画面在我眼前绕了很多个圈，直接击中内心底的一句话：我们在这个世界，做些什么？
除了我以外，我相信所有人都看到的是：用纸原型还是最高效的，最低成本的，最易修改的。而我，在这个赋闲的晚上，看到的不是那些效率和成本。
创造的过程，本身也是一种美，这些精致的草稿，也许画完之后马上就要被涂抹被撕成模块，但是它们都曾经这么美好过。它们已经不只是草稿，它们是产品的在路上的生存状态，它们就是艺术的本体。

Continue reading →

12：09分跳到12：10分用了50秒！然后休息10秒就要进行下一场运动，不知道从12：59跳到01：00的时候会要用掉多久时间呢？100秒？直接跳到01：01分好了。。。

从界面来看：Chrome 将是一个简单而高效的浏览器窗口。对大多数人来说，浏览器本身并不重要，它只是一个能够运行互联网网页、网站和网络应用等重要程序的工具。Google 浏览器延续了简洁、快速的设计理念，帮助用户快速准确地到达目的地。
从性能上讲：Google Chrome 提高了浏览器整体上的速度和响应度，而且还建立了一个更强大的 JavaScript 引擎 V8，以便为下一代网络应用技术提供支持，这些网络应用在目前的浏览器上几乎不可能实现。
从安全考虑：Google Chrome 提供了一个能更好地支持各种复杂网络应用的浏览器基础平台。通过让每一个标签相互独立开来，从而避免了两个标签页产生冲突的可能，同时面对来自恶意网站的攻击，Google 浏览器提供了更好的保护。
下载:官方下载

facebook，居然被译成了“非死不可”。。。中文真是太强悍。SNS，大家都在研究都在扩展，到底能到一个什么程度，说实话我不是特别感冒，非死不可类型的SNS我从来就没太留意过，都注册了，都试了半小时，都忘了，只有玩老早版本的WALLOP时曾让我激动万分，那才是我所想象的社会化关系网络。
口是心非，结果还是弄了几套目前比较流行和优秀的开源 SNS 网站程序来研究，这些是中文开源的，非死不可也开源了，就不说那个了，搭建着还真麻烦。

OpenPNE

OpenPNE 拥有精心设计的架构和强大的功能机制，适合从个人到企业各方面应用的要求，提供一个安全、稳定、高效、易用而快捷的 SNS 系统。OpenPNE 根据用途不同分为校园版、商务版、大众版、免费版等不同版本。

OpenPNE 是基于 Openpne 开发的版本，很大程度上应该算作 Openpne 的汉化加强版。

预览 | 下载

OpenKaku

OpenKaku 同样也是派生于日本知名 SNS 系统 Openpne，致力于 Openpne 中文本土化，以及英文国际化开发。主要针对日本、欧美和国内的公司及团体。

应该说 OpenPNE 和 OpenKaku 都是 Openpne 在中国的汉化和变体。

预览 | 下载

ThinkSNS

ThinkSNS 源于办公圈项目，WEB 端基于国内技术领先的 ThinkPHP 框架开发，另外还有 IM 客户端软件。这也是我最看好的 SNS 系统。

ThinkPHP 内置支持 WordPress 式插件开发，而且提供完善的 API，非常适合二次开发，同时也会等到更多爱好者的支持，看好 ThinkSNS。

预览 | 下载

UCenter Home

UCenter Home 是一套采用 PHP+MYSQL 构建的社会化网络软件，强调家的理念。并且整合了康盛公司 Discuz! 论坛、SupeV 视频、ECShop 商店等众多功能。

在 SEO、页面静态化处理、整体运行效率以及国内插件整合等各方面 UCenter Home 要远远强于其他的 SNS 程序。

预览 | 下载

待续

Feed2js下载地址：

http://eduforge.org/frs/download.php/577/feed2js.zip

将feed2js文件夹上传至服务器，运行你的域名/feed2js/build.php,设置相应的参数，点右侧的预览按钮可随时查看设置的效果。

注意:如果你使用时有乱码情况，请在选项中把编码改成utf-8。

如果你没有支持PHP的空间，也可以在下面这个地址直接使用这个工具。不过调用时会受到这个网站速度的影响。

http://feed2js.org/index.php?s=build

当然Feed2JS不光适用于wordpress，对于其它Rss调阅还是很实用，甚至可以用它做一个简单的RSS阅读器。

一般来说，我们在写博客或做网站时都需要对插图做一些效果，比如增加阴影、图片圆角、倒映等等。这些效果一般可以用3个方法实现，一是用PS实现对图片进行修改，二是使用CSS，三是使用JavaScript。使用PS会破坏原图，而且要花费一定的时间。Netzgesta上有很多实现图片特效的JavaScript提供下载，很多效果都是相当漂亮的。

Continue reading →

CSS Hack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析CSS没有达成一致前,我们只能用这样的方法来完成这样的任务.
我进行前端开发的时候,测试用的浏览器大致有: IE7, IE6, Opera9(文章撰写时版本为9.25 8825), Safari3(文章撰写时版本为3.0.4 523.15), Firefox2(文章撰写时版本为2.0.0.11).
在正常的 selector { property:value; } 的基础上常会根据具体情况为相同元素使用Hack以达到浏览器间统一.

IE系列:

selector { +property:value; } 在属性名前加上加号"+",这个Hack只有IE系列可以识别.
selector { *property:value; } 在属性名前加上星号"*",这个Hack只有IE系列可以识别.
selector { _property:value; } 在属性名前加上下划线"_",这个Hack只有IE系列 (除IE7外) 识别.
* html selector{ property:value; } 在选择器上运用继承法 * html selector, 这个Hack只有IE系列 (除IE7外) 可以识别.
html/**/ >body selector { property:value; } 在选择器上运用继承法 html/**/ >body selector ,这个Hack只有IE系列 (除IE7外) 可以识别.
selector { property/**/:value; } 在属性名和冒号":"之间加入注释,屏蔽IE6用.
selector/**/ { property/**/:value; } 在选择器和花括号"{"之间以及在属性名和冒号":"之间加入注释,屏蔽IE5和IE6用 (不屏蔽IE5.5) .
select/**/ { property:value; } 在选择器和花括号"{"之间加入注释,屏蔽IE5用.
*+html selector { property:value !important; } 在选择器上运用继承法 *+html selector 再加上 !important, 这个Hack只有IE7可以识别.

Firefox:

*:lang(lang) selector { property:value !important; } 用伪类lang(语言)再加上!important进行定义的话,目前只有Firefox可以识别.

Safari:

selector:empty { property:value !important; } 用伪类empty再加上!important进行定义的话,目前只有Safari可以识别.

Opera:

@media all and (min-width: 0px){ selector { property:value; } } 利用特殊继承法进行定义的话,目前只有Opera可以识别.

以上的Hack并不完整,大家一起补充.

对Hack的运用,最普遍的是CSS盒模型Hack,清除浮动Hack.
CSS盒模型在IE5.X上是有严重解析错误的.这个Hack针对IE5.X:
selctor { width:IE5.X宽度; voice-family :"\"}\""; voice-family:inherit; width:正确宽度; }

清除浮动Hack,相信这个定义用的人很多:
selector:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

另外还有很多很多CSS Hack的运用,一一列举的话可能能写成一本书了…想到再添加吧.
下面的兼容一览图来源：http://centricle.com/ref/css/filters/