Nickcheng.LOGhttp://nickcheng.com2008-08-09T13:10:27Z给blog增加了评论功能2008-08-09T13:10:27Ztag:nickcheng.com,2008-08-09:/2008/08/09/added-comment-feature-to-blog/blog是用来交流的, 而且我的blog也不会很多人, 不用担心评论过多的问题, 所以我也就加上了评论的功能.<br /><br />歡迎大家來評論哈:)网站设计中的一致性2008-08-07T17:15:12Ztag:nickcheng.com,2008-08-07:/2008/08/07/consistency-in-website-designing/<p>最近在设计和开发空游网(http://kongyoo.com)的过程中, 遇到了不少关于设计一致性的地方和问题, 而且通过浏览一些日常的网站, 也越来越感觉到一致性在网站设计中的重要性. 所以在此想简单聊聊网站设计中关于一致性的问题.</p><br /><p>为了让大家先对一致性有个基本的概念, 先举一个和网站设计无关的一致性例子. 那就是我们常见的KFC和麦当劳快餐店. 这两个快餐品牌是应用一致性的典范. 全世界各地的KFC和麦当劳的店面从LOGO到店面装潢, 从工作服到口号无不透露出一致性. 这样带来的好处也显而易见, 你只要见到这样的快餐店就知道到了KFC或是麦当劳. 我们的网站设计也要达到这样的目标!</p><br /><p>为了让大家有更直观的印象, 我们再举几个反面的例子, 这些就是和网站设计有关的了.</p><br /><p>1. 淘宝-我的淘宝</p><br /><p><a href="http://up.flickr.com/photos/nickcheng/2698953534/" target="_blank"><img src="http://farm4.static.flickr.com/3203/2698953534_7d9717450f_m.jpg" alt="" width="175" height="240" /></a></p><br /><p><a href="http://up.flickr.com/photos/nickcheng/2698953540/" target="_blank"><img src="http://farm4.static.flickr.com/3183/2698953540_a0b258fc1e_m.jpg" alt="" width="171" height="240" /></a></p><br /><p>界面风格不一致</p><br /><p>2. 飞信官方网站</p><br /><p><a href="http://up.flickr.com/photos/nickcheng/2698961020/" target="_blank"><img src="http://farm4.static.flickr.com/3289/2698961020_508cb2f2e7.jpg?v=0" alt="" width="500" height="88" /></a></p><br /><p>左右的文字对齐方式不一致</p><br /><p><a href="http://up.flickr.com/photos/nickcheng/2698961024/" target="_blank"><img src="http://farm4.static.flickr.com/3198/2698961024_d2d85a54d9.jpg?v=0" alt="" width="456" height="107" /></a></p><br /><p>文字和图片的对齐方式不一致</p><br /><p>3. 豆瓣</p><br /><p><a href="http://up.flickr.com/photos/nickcheng/2698953544/"><img src="http://farm4.static.flickr.com/3200/2698953544_9a71236a02.jpg?v=0" alt="" width="500" height="81" /></a></p><br /><p><a href="http://up.flickr.com/photos/nickcheng/2698953550/" target="_blank"><img src="http://farm4.static.flickr.com/3279/2698953550_501c93654a.jpg?v=0" alt="" width="500" height="128" /></a></p><br /><p>ajax功能的按钮和普通的链接样式一样. 上面的”回应”按钮点击后其实是在下方出现一个输入框, 而不知道功能的用户从样式上看会认为这就是一个普通的链接, 点击后页面会进入到另一个页面或者其他会引起页面刷新的功能.</p><br /><p>4. yahoo财经</p><br /><p><a href="http://up.flickr.com/photos/nickcheng/2698953528/" target="_blank"><img src="http://farm4.static.flickr.com/3266/2698953528_a3ac20bd77.jpg?v=0" alt="" width="436" height="170" /></a></p><br /><p><a href="http://up.flickr.com/photos/nickcheng/2698953532/" target="_blank"><img src="http://farm4.static.flickr.com/3081/2698953532_c2f4cb23f5.jpg?v=0" alt="" width="449" height="236" /></a></p><br /><p>同一级别下的页面导航样式不同. 从子条那里看到这个例子, 我又去看了一圈, 看来还是有问题啊.</p><br /><p>大家有了直观的印象以后, 就可以来点儿理论性的东西了:) 因为本人不是理论大师, 所以下面的理论就是总结自大家的成果了.</p><br /><h3><strong><span style="color: #ff0000;">什么是一致性? 对于外观(布局)和功能的一致规范, 目的是让产品易学易用.</span></strong></h3><br /><p>用户在使用任何东西的时候, 都会有思维的惯性, 如果他们的一个动作没有得到预期的结果, 那么他就会有相当的挫折感. 所以一致性也是非常影响用户体验的.</p><br /><p>上面几个违反一致性的例子只涵盖了一致性的很小一部分, 一致性还包括很多其他的点. 但总结起来, 大概有以下几点:</p><br /><ul><br /><li><strong><span style="color: #0000ff;">UI的一致性</span></strong><br /><br />也就是外观, 布局, 颜色搭配的一致, 这些是用户接触一个东西的第一感觉. 这第一感觉的一致会给用户带来很强的品牌辨识度. KFC和麦当劳在这点上功课做的很足!<br /><br />比如网站整体的配色, 字体的使用, 控件的样式.</li><br /><li><strong><span style="color: #0000ff;">功能的一致性</span></strong><br /><br />什么样的东西有什么样的功能. 功能要尽量达到用户的预期, 减少用户的挫折感, 易学易用.<br /><br />比如蓝色带有下划线的文字可以点击.</li><br /><li><strong><span style="color: #0000ff;">内部一致性</span></strong><br /><br />产品要给人一种整体的感觉, 内部的不同模块的类似功能从UI和功能上都要尽量一致.<br /><br />比如网站各个版块的”更多”链接点击后都是进入到能看到这个版块的更多内容的页面, 而且这个链接一般都在版块的右上角或右下角.</li><br /><li><strong><span style="color: #0000ff;">外部一致性</span></strong><br /><br />同类产品的类似功能从UI和功能上都要尽量一致. 这样用户可以利用自己类似产品的使用经验.<br /><br />比如大多数网站的LOGO都在页面左上角, 搜索框大多在页面右上角.</li><br /></ul><br /><p>既然有这些理论和例子指导, 那为什么还是有那么多不一致的情况出现呢?</p><br /><p>我们简单的了解了一下, 主要有一下几个原因</p><br /><ul><br /><li>版本升级不完整.</li><br /><li>不同模块负责人不同, 没有统一的规范</li><br /><li>执行不足</li><br /></ul><br /><p>要避免这些原因, 我们首先要在事前对产品进行规划的时候就引入一致性的概念和设计规范, 然后实施过程中严格按照规范来进行并同时按照规范进行检验. 对于没有条件制订规范的情况下, 我们也可以引用一些业界通用的规范来规范自己的产品.</p><br /><p>下面是我们总结出来的一些一致性的具体体现, 虽然算不上一个严格完整的规范, 但如果能在网站设计开发过程中注意到这些地方, 相信也能获益不少.</p><br /><ul><br /><li><span style="color: #0000ff;">语言</span><br /><ul><br /><li><span style="color: #0000ff;">专有名词要统一, 所有地方只使用一种</span><br /><ul><br /><li><span style="color: #0000ff;">手机/手提电话. 有的东西有多种名词, 只能使用一种, 避免混淆.</span></li><br /><li><span style="color: #0000ff;">男女/帅哥美女. 资料设置和展示的时候常会出现这种情况, 要尽量避免.</span></li><br /><li><span style="color: #0000ff;">你/您的问题. 统一一个口径吧.</span></li><br /></ul><br /></li><br /><li><span style="color: #0000ff;">语气要一致</span><br /><ul><br /><li><span style="color: #0000ff;">活泼的口吻/严肃的口吻. 整个网站如果没有特殊需求, 提示语言尽量使用相同的口吻, 避免突兀.</span></li><br /><li><span style="color: #0000ff;">人称一致</span><br /><ul><br /><li><span style="color: #0000ff;">你的地址/我的空间. 不要混杂使用第二人称和第一人称</span></li><br /></ul><br /></li><br /></ul><br /></li><br /></ul><br /></li><br /><li><span style="color: #0000ff;">UI元素</span><br /><ul><br /><li><span style="color: #0000ff;">Option buttons(radio buttons)和Checkbox不要用混了</span></li><br /><li><span style="color: #0000ff;">圆的是Option, 方的是Checkbox, 不要用错<br /><br /></span></li><br /><li><span style="color: #0000ff;">可编辑的Textbox是白色背景, 不可编辑的是灰色背景</span></li><br /><li><span style="color: #0000ff;">Flash/Silverlight中的控件也要和HTML中保持一致</span></li><br /><li><span style="color: #0000ff;">带有下划线的文字是可以点击的; 一段文字中一点不同颜色的文字也可能可以点击</span></li><br /></ul><br /></li><br /><li><span style="color: #0000ff;">布局</span><br /><ul><br /><li><span style="color: #0000ff;">LOGO都在左上方,点击后返回首页</span></li><br /><li><span style="color: #0000ff;">导航条都在上方或左方(或都有)</span></li><br /><li><span style="color: #0000ff;">路径导航(面包屑breadcrumbs)都在主导航下方</span></li><br /><li><span style="color: #0000ff;">内容都在页面中间</span></li><br /><li><span style="color: #0000ff;">相关内容和广告都在右侧</span></li><br /><li><span style="color: #0000ff;">搜索框在右上方</span></li><br /><li><span style="color: #0000ff;">注册/登录/个人资料在右上方</span></li><br /></ul><br /></li><br /><li><span style="color: #0000ff;">功能</span><br /><ul><br /><li><span style="color: #0000ff;">什么样的网站就应该有什么样的功能. 比如一个订机票的网站一定要有航班查询的功能; 一个电影院网站一般都要有电影的上映日期表.</span></li><br /></ul><br /></li><br /></ul><br /><p>总体来说, 一致性带给我们的好处可以总结为</p><br /><ul><br /><li><strong><span style="color: #0000ff;">功能使用更简单</span></strong></li><br /><li><strong><span style="color: #0000ff;">平滑的用户体验</span></strong></li><br /><li><strong><span style="color: #0000ff;">构造品牌辨识度</span></strong></li><br /></ul><br /><p>其实针对一致性还有一个很重要的话题, 那就是”一致性 vs. 创新”. 如何在一致性和创新之间把握一个平衡, 怎么既能不落俗套又能让用户接受, 这可真是个艺术了:) 这个话题我们就留待以后再讲.</p><br /><p>顺便说一下, 其实我们历史上就有一位一致性大师……他就是……统一了货币和度量衡的秦始皇! 众口难调, 一致性当然需要很强的执行力!</p><br /><p>附: 参考文章及链接, 并感谢</p><br /><ul><br /><li>http://www.sitepoint.com/article/why-consistency-is-critical</li><br /><li>http://www.buildwebsite4u.com/building/web-design.shtml</li><br /><li>http://www.dibbern.com/build-a-website/web-definition-conventions.htm</li><br /><li>人機介面的設計原則 - 一致性(链接丢失)</li><br /><li>http://hi.baidu.com/ui88/blog/item/15776466fcc0eb25aa184c06.html</li><br /></ul>[译文]网页设计95%是”印刷术”2008-08-07T17:14:15Ztag:nickcheng.com,2008-08-07:/2008/08/07/the-web-is-all-about-typography-period/<p>原文地址: <a href="http://informationarchitects.jp/the-web-is-all-about-typography-period/">http://informationarchitects.jp/the-web-is-all-about-typography-period/</a></p><br /><p>网上95%的内容都是书面语言. 从逻辑上讲, 一个网页设计师在组织书面材料方面, 也就是”印刷术”方面, 应当进行一些严格且良好的训练.</p><br /><p><em><strong>信息设计是印刷术</strong></em></p><br /><p>早在1969年, 著名的瑞士排版家Emil Ruder写下了一些在那个时代很具有代表性的话, 这些话我们也能同样用于现代的网站:</p><br /><blockquote><p>今天我们被洪水一样多的印刷品所淹没, 而且这些东西的价值在不断的贬值, 我们也不能获取所有的内容. 而排版家的任务就是将这些大量的信息进行区分, 组织和说明, 以此来使读者能有机会获取他们所感兴趣的内容.</p></blockquote><br /><p>想想看, 这些描述多么像一个信息设计师. 信息设计师的任务就是”将这些大量的信息进行区分, 组织和说明, 以此来使读者能有机会获取他们所感兴趣的内容.”</p><br /><p>相比之下, 宏观上的排版(整体结构)比微观上的排版(字体和空白的设计)包含更多现在的”信息设计”的方面. 可以这么说, 现在的信息设计师做的工作就是30年前排版师做的工作.</p><br /><blockquote><p>印刷术的一个最直接的目的就是把信息写出来, 这时印刷术最原始的任务, 如果一个印出来的东西不能被阅读, 这个印刷的目的就没有达到.</p></blockquote><br /><p>优化印刷术就是优化可读性, 可获取性, 可用性和整体的平衡. 组织文本块, 并把他们和图片结合起来, 这些难道不是图片设计师, 可用性专家和信息架构师做的事情么? 那么, 为什么这些被忽视了呢?</p><br /><p><em><strong>字体太少? 分辨率太低?</strong></em></p><br /><p>最主要的反对在线出版的理由就是可用的字体太少了. 第二个理由就是分辨率太低, 以至于很难看清像素的和抗锯齿的文字.</p><br /><p>没有足够做字体的理由是站不住脚的, 在意大利文艺复兴时期, 排版家只有一个字体, 但在那期间, 诞生了最漂亮的印刷作品.</p><br /><p><img class="alignnone" title="print" src="http://www.informationarchitects.jp/wp-content/uploads/2006/11/speciamen.gif" alt="" width="435" height="311" /></p><br /><p>排版家不用太关心字体. 字体不是他首要考虑的问题, 他应该考虑的是什么时候使用他是最好的.</p><br /><p><em><strong>选择字体而不叫做印刷术</strong></em></p><br /><p>第二个理由也不是太站得住脚. 刚开始的印刷品质量是不如我们今天在画面上所看到的. 而且重要的是, 如果处理的专业一些, 屏幕上的字体也是可以变的很具有可读性的.</p><br /><p>信息设计不是关于如何使用好的字体的, 而是如何利用好的印刷术的. 这差别很大. 任何人都可以使用不同的字体, 有些人可以选择不错的字体, 但只有极少数的才能掌握印刷术.</p><br /><p><em><strong>把文本当作用户界面</strong></em></p><br /><p>如何在不同的浏览器和平台上使用字体是很麻烦的事情, 分辨率的问题也很讨厌. 但要注意, 这只是一个网页设计师的一部分工作, 网页设计师的主要工作是在主流浏览器和平台上让文本易读且美观. 正确的引导, 字间距和留白可以有助于可读性, 但是, 这并不大. 一个伟大的网页设计者知道如何去处理文字而不是内容, 他”<a href="http://www.cameronmoll.com/archives/001266.html" target="_blank">把文本当作用户界面</a>“. 看看<a href="http://www.subtraction.com/" target="_blank">Khoi Vinh的网站</a>, 您可能就明白了:</p><br /><p><img class="alignnone" title="koih" src="http://www.informationarchitects.jp/wp-content/uploads/2006/11/koih.gif" alt="" width="435" height="266" /></p><br /><p>渐渐的, 越来越多的<a href="http://en.wikipedia.org/wiki/Ornament_and_Crime" target="_blank">朴素的</a>网站都把文本当作用户界面, 他们有: <a href="http://www.google.com/" target="_blank">google</a>, <a href="http://www.ebay.com/" target="_blank">ebay</a>, <a href="http://www.craigslist.org/" target="_blank">craigslist</a>, <a href="http://www.youtube.com/" target="_blank">youtube</a>, <a href="http://www.flickr.com/" target="_blank">flickr</a>, <a href="http://digg.com/design/Web_design_is_95_typography" target="_blank">Digg</a>, <a href="http://reddit.com/search?q=typography" target="_blank">reddit</a>, <a href="http://del.icio.us/post?url=http://www.informationarchitects.jp/the-web-is-all-about-typography-period" target="_blank">delicious</a>. 做一个结论, 把文本当作用户界面是成功的唯一途经. 成功的网站要努力做到<a href="http://www.informationarchitects.jp/the-interface-of-a-cheeseburger" target="_blank">同时具有简单的界面和很强的辨识度</a>. 但这是另外的话题了.</p>想起一位朋友2008-07-29T23:57:53Ztag:nickcheng.com,2008-07-29:/2008/07/29/Remember-of-a-friend/今天干活的时候随便哼哼, 突然哼到了一首歌..."天上的雪, 悄悄的下, 地上有一个布娃娃; 布娃娃, 布娃娃, 你为什么不回家, 不回家......". 对, 这是一首伤感的歌曲, 但是让我回忆往事的不是这首歌的伤感, 而是和他相关的一些往事.<br /><br />大概是98年的夏天, 我和地瓜还有冬瓜(他外号不叫这个, 不过为了在此和地瓜统一, 牺牲他一下)相约去月光琴行学琴. 练琴是枯燥的, 但是学琴的日子是丰富多彩而又有趣的. 因为学琴, 练琴的人很多, 所以我们也认识了一些朋友. 就在我们还在用右手食指和中指交替拨弦, 左手大拇指老老实实的在琴颈后不敢越雷池半步的时候, 我们认识了他.<br /><br />那时我们高一, 暑假完了开学就上高二了. 他是市里一所师专的学生. 怎么搭上腔的我不太记得了, 只记得他在我们面前可以很随意的弹唱各种当时流行的小曲, 对于我们这些刚刚能勉强弹"爱的罗曼史"的小朋友, 那是多大的羡慕啊! 但让我印象最深的, 深到现在还记得的是他弹唱的另外一首歌......<br /><br />他刚开始唱的时候, 我对那歌一点儿印象没有, 感觉似乎不是常听的那些歌. 听着听着, 突然听到几段熟悉的歌词..."天上的雪, 悄悄的下, 地上有一个布娃娃; 布娃娃, 布娃娃, 你为什么不回家, 不回家......". 等他唱完, 我问他这是什么歌, 怎么我没听过, 但中间有一段很熟呢? 他笑笑说这是他结合了"布娃娃"写给他女朋友的一首歌......<br /><br />震撼~~~真是震撼~~~还是震撼~~~面前的人竟然能自己写歌, 而且还这么好听. 对于当时刚会弹琴的我们, 这是多大的震撼呢?! 接下来就是一连串的提问了, 问他这歌是怎么写的, 写了多久, 好写不, 我自己能不能写, 如果想写需要学些什么......反正当时的想法就是, 碰到会写歌的人了, 我岂不是也有机会? 我要抓紧机会学习, 争取自己也写歌!<br /><br />就这样, 后来的学琴中, 我对和弦留意了很多, 还仔细的看了当时一些吉他书中关于乐理的部分. 有的书里还提到一点关于写歌的内容, 我也都复印保留了一些. 终于, 高三的时候我也能"写歌"了, 哈哈, 不怕笑话, 写的虽然不好, 但那时就一直给别人看, 给别人唱, 还在学校的元旦晚会上唱了(我记得是唱了吧, 地瓜应该记得, "静止", "真的爱你"和我写的那首?). <br /><br />后来上了大学, 组了完整的乐队, 也有了更完整的作品, 自己也又有了一些新的作品. 追老婆的时候俺也写了一首情歌:P 大学时候的作品基本都用电脑录了保存了下来, 导致我现在还不时给别人显摆(可惜现在没作品了...). 高中时候的那些作品大多都记在了纸上, 上次回家还看到了~~~<br /><br />对了, 他叫樊冲, 后来只听说过他又一次提了一兜香蕉去看侯老师, 再以后就没消息了......不知道他现在在哪里......而他的那首歌, 也就是我的启蒙歌, 我记不起名字也记不住其他歌词, 只能记得这是写给他女朋友的歌和布娃娃里的那句...天上的雪, 悄悄的下, 地上有一个布娃娃; 布娃娃, 布娃娃, 你为什么不回家, 不回家......<br />msn 9.0 字体修改2008-07-29T18:21:00Ztag:nickcheng.com,2008-07-29:/2008/07/29/modify-the-font-size-of-msn-9/从网站的统计中看到自己曾经的一篇<a href="http://nickcheng.com/2006/09/25/change-the-fontsize-of-msn-messenger/" target="_blank">讲MSN字体修改的文章</a>很受欢迎. 也是, 那默认安装的MSN(现在叫Windows Live Messenger, 不过大家还是习惯叫MSN), 联系人列表的中文显示很是问题. <br /><br />现在大家都用9.0很久了, 我也就再放一个9.0的修改好的文件供大家使用吧:)<br /><br />下载地址: <a href="http://www.box.net/shared/xkt2p7hoo4" target="_blank">http://www.box.net/shared/xkt2p7hoo4</a><br /><br />说明: 下载后的替换你的"c:Program FilesWindows LiveMessengermsgsres.dll"文件. 对应的MSN的版本是"Version 2009 (Build 9.0.1407.1107)", 英文版. 这个版本还把主界面的广告去了. 如果想知道怎么修改, 还请参考<a href="http://nickcheng.com/2006/09/25/change-the-fontsize-of-msn-messenger/" target="_blank">原来的文章</a>.<br /><br />ps. 去广告的方法原文中没有, 在此给出来. 用ResHack打开msgsres.dll, 在4004-923中查找ID=Atom(SSConstrainer), 然后将前面的layoutpos=top改为layoutpos=none, 编译, 保存, 搞定!增加了一点样式和查看评论的功能2008-07-22T00:47:59Ztag:nickcheng.com,2008-07-22:/2008/07/22/add-some-css-style-to-this-blog-and-can-see-the-comment/不用css还真挺别扭的, 所以就加一个简单的css吧! 恩, 看着舒服多了!<br />另外把评论查看功能加上了, 不过还没有添加评论的功能, 下一步吧:)其实早该来写点什么了2008-07-18T18:47:13Ztag:nickcheng.com,2008-07-18:/2008/07/18/i-should-write-something-earlyer/前两天上厕所的时候用iphone写了一些东西, 可是还没有发布, safari就自动退出了, 结果我写的东西也都没有了:(<br /><br />现在用的blog程序是自己写的了, 再也不用去关心wordpress 2.6的发布了, 也不用去关心那些插件和主题了, 这里是我的地盘, 想要什么功能, 我自己来:)关于牧野公园和东干道的回忆2008-05-23T09:35:54Ztag:nickcheng.com,2008-05-23:/2008/05/23/memories-about-makino-park-and-the-east-main-street/这是我写在<a href="http://www.douban.com/group/xinxiang/" target="_blank">豆瓣新乡小组</a>里的一个回帖, 看看还有点儿意思, 决定放到自己Blog里.<br /><blockquote>我家就在牧野公园旁边的二十二所, 小学的时候东干道(现新飞大道)都没有修,也没有东干桥(现在叫啥名?)就是一条土路. 那个时候大孩子们在河堤(那时都管卫河叫这个)经常挖到过成吊的铜钱,好像还有刀币(商朝那会儿似乎还没有刀币吧?)?<br /><br />后来就是东干道修路,邻居一个大孩子在修路的时候还掉到过坑里...<br />东干道和平原路交叉口东南角的那个图书馆在我上小学的时候就开始盖了,结果这一盖就是10年...那时特别想去图书馆借一本堂吉诃德的书,结果这一耽误就是十年,我到现在都没有看过这本书....=_=#<br /><br />那时的牧野公园就是有几个土堆,沙堆. 我和一群孩子喜欢到公园偷看情侣谈恋爱和在沙堆上挖"陷人坑",就是那种口小,肚子大,然后在口上架几根木棍,上面蒙上树叶或报纸,再洒上沙子的小把戏. 后来公园有了围墙,开了游泳池,溜冰场,似乎还有过一个小高尔夫球场(注意,"小"),几个土堆也被围上了铁丝网不让随意上去了,然后我也就慢慢长大,不 再到那边去了......</blockquote>地震捐款信息2008-05-15T12:38:18Ztag:nickcheng.com,2008-05-15:/2008/05/15/china-sichuan-earth-quake-donate-information/<img src="http://farm3.static.flickr.com/2223/2494195542_8d066d6cbf_o.png" alt="" width="468" height="200" /><br /><br />尽自己所能帮助灾区, 并尽量的宣传出去, 谢谢!从地震看健康2008-05-12T20:18:55Ztag:nickcheng.com,2008-05-12:/2008/05/12/from-the-earthquake-to-see-health/<blockquote>2008年05月12日14时28分04.0秒，在四川汶川县发生M7.8级地震，震中位于北纬31.0度，东经103.4度。12日14时35分左右，北京地区明显感觉到有地震发生。</blockquote><br />先为地震中的朋友们祈祷一下, 希望伤亡能最小......<br /><br />下午的时候, 开始有地震的感觉, 周围的人和远方的人在不知道地震的情况下都有了不同的反应, 我们来看看:<br /><ul><br /> <li>老婆: 我是不是昨天看片时间太长了, 头有点儿晕</li><br /> <li>XX: 我是不是低血糖了?</li><br /> <li>老爸: 我高血压又犯了?</li><br /> <li>老妈: 我的颈椎病怎么又犯了?</li><br /></ul><br />从身边人的反应来看, 都是先怀疑自己身体出了毛病. 那为什么就没有人对自己的身体有信心呢? 是因为我们的身体都太差了么? 我不知道......今日赏影-功夫之王2008-04-27T01:33:33Ztag:nickcheng.com,2008-04-27:/2008/04/27/today-movie-the-forbidden-kingdom/<img class="alignright" style="float: right; margin-left: 5px; margin-right: 5px;" src="http://farm3.static.flickr.com/2350/2443597746_d06a735e05_m.jpg" alt="" width="162" height="240" />手上有两张万达影城的券, 离得也不远, 刚好最近上映"功夫之王", 今天下午就和老婆一起去观赏了一把.<br /><br />说实话, 看这个片子就是冲着李连杰和成龙两位武星去的. 看完片子一想, 还真没错, 这片子也就是看这哥俩了. 剧情比较荒诞, 看来就是奔着喜剧去的, 也没有复杂的人物关系和那么多跌宕起伏, 真是一部不用思考的电影.<br /><br />据说这部电影的令一大卖点是, 女演员不再只是偶尔露一小面了(投名状里的老徐?呵呵). 片中安排了大段的女子对打, 虽说比较突兀(刘亦菲怎么就和李冰冰结梁子了, 他家人也不是她干掉的)且打的不好看, 但也算是有了.<br /><br />片中的那个外国哥们, 就不说他了, 虽说是男主角, 但......也挺不容易的......买了Flickr的Pro帐户2008-04-26T12:33:41Ztag:nickcheng.com,2008-04-26:/2008/04/26/bought-a-flickr-pro-account/<img class="alignright" style="float: right;" src="http://l.yimg.com/www.flickr.com/images/flickr_logo_gamma.gif.v35314.14" alt="" width="98" height="26" />昨天在LELE的撺掇下买了Flickr的Pro帐户. 一年不到25美刀, 加上人民币目前的坚挺, 索性就买了.<br /><br />一直一来都挺喜欢Flickr的服务的, 虽然目前还有Google 的 Picasa, 国内还有一些诸如: 大脚, Yupoo 的相册服务, 但就是喜欢Flickr的服务和里面那种氛围, 莫名~~~<br /><br />接下来就是把自己的照片们全放到上面了. 但还有个问题就是我应该如何使用Flickr来管理我成千上万的照片呢? 全放上去会不会把他变成一团糟呢? 恩, 这是接下来要思考的问题了......学习NginX2008-04-26T12:27:21Ztag:nickcheng.com,2008-04-26:/2008/04/26/learning-nginx/看到一些关于NginX的介绍, 感觉这个东东挺不错, 所以找些内容来学习一下.<br /><br /><a href="http://del.icio.us/nickcheng/nginx">http://del.icio.us/nickcheng/nginx</a>折腾Google Map2008-04-19T01:23:10Ztag:nickcheng.com,2008-04-19:/2008/04/19/do-with-google-map/因为在中国, GoogleMap有ditu和map之分, 所以我要折腾!<br /><br />gmap在中国的地图服务是和mapabc公司合作的, 既然是国内的公司, 走的自然是国内路线, 那么全球的gmap走的自然就不是国内路线. 正因为这点不同, 同时又因为各国使用的地理坐标系不同, 所以导致了gmap在中国和全球的不同. 举一个明显的例子就是你在ditu.google.com看到的一个地方的坐标和google earth上是不一样的.<br /><br />因为找不到不同坐标系之间的对照关系, 所以不能用算法来进行转换, 只好使用黑盒的方法, 使用偏移值来修正. <span style="color: #0000ff;"><strong>在google earth上和ditu.google.com上找到同一个点的经纬度信息, 计算他们之间的差值, 然后利用这个差值再来修正这两者数据的不同.</strong></span> 但要注意的是, 这个误差不是线性的, 所以不能一劳永逸, 你把北京的修正值拿到上海, 修的就不那么正了, 所以, 这个基本上要每个城市都要保存一个修正值...囧<br /><br />我这里有一个北京的修正值, 需要的可以拿去先用.<br /><blockquote>ditu - earth:<br />Lat: 0.001444<br />Lng: 0.006203</blockquote><br />ps. 调试的时候出现了卫星图不可用的情况, 也不知道是被GFW还是服务有问题. 看来如果应用严重依赖地图的话, 使用GoogleMap并不是一个好方法, 最好还是能有自己的地图系统(GIS)<br /><br />ps2. 顺便鄙视一下sql server, 浮点转字符串默认只有6位, 如果使用8位和16位的style转换, 出来的是科学计数法, 怎么就这么麻烦呢?夏天到了...蚊子来了...2008-04-10T14:30:17Ztag:nickcheng.com,2008-04-10:/2008/04/10/the-summer-is-coming/夏天到来的标准是什么?<br /><br />温度高了? 进入4月了? 女孩们都开始穿着裙子露大腿了?<br /><br />上面那些不是我的标准, 我的标准很简单 -- 蚊子开始出动了!<br /><br />昨天夜里3点多, 被耳边的蚊子声惊醒, 因为困意十足, 所以懒得开灯睁眼, 于是大巴掌随意冲着声音的方向向自己的脑袋拍了几下, 无奈它在暗处, 我在明处, 反而把自己又拍的清醒了许多.<br /><br />开灯再战, 但已不见蚊子踪迹...遂关灯复睡......<br /><br />恍惚间, 又惊闻蚊子声, 即重复上述步骤, 我又败了......<br /><br />折腾三四次, 我害怕一会儿天就亮了, 遂放弃, 曝尸于蚊子面前......<br /><br />幸而清晨起身发现自己无恙......<br /><br />啊~~~夏天来了~~~IE下Web开发注意事项 - 12008-04-10T11:38:01Ztag:nickcheng.com,2008-04-10:/2008/04/10/some-ticks-in-ie-web-developing-1/最近因为要做一些Web开发工作, 所以天天都是纵横在XHTML, CSS和Javascript的海洋中. 要说这些工作还是蛮有趣的, 但如果遇到浏览器兼容问题, 那就郁闷的很了.<br /><br />所谓浏览器兼容问题, 就是你设计好的一个页面, 在FX(Firefox)下看的是好好的, 漂亮的, 但是换到IE下看, 就变的歪七扭八, 乱七八糟的了. 究其原因, 无非是各个浏览器之间没有遵循一个统一的标准. 这可好, 苦了我们做Web开发的了...<br /><br />前几天就遇到了问题. 一个页面的设计, 在FX(Firefox)下好好的, 但是在IE下就莫名的多了几个空行出来.<br /><br />看了一下代码, 空行是出在几个DIV之间的. 先检查了这些DIV的margin, padding, border, 都没有问题; 再看这些div之间有没有什么特殊字符, 也没发现. 搜了一下IE和FX的CSS兼容问题, 也没有找到类似的...于是决定自己重现问题再看.<br /><br />因为原有页面比较大, 我就把出问题的那部分代码抽了出来, 精简了一下, 单独写了一个小HTML文件用来调试. 因为IE下没有Firebug这么好用的实时改变代码就能看到效果的工具, 我就只能改一下, 再在IE中看一眼. 终于, 被我发现了问题.<br /><br />问题不是出在那几个产生空行的DIV身上, 而是出在他们的父容器DIV身上. 当我把父容器DIV的宽度(width)由auto改为100%后, 那几个DIV之间的空行就都消失了. 其实这也不单单是父容器的问题, 因为如果你只是简单写几个DIV, 父容器就算不指定宽度, 里面的DIV也不会出现空行. 这个问题另外的触发条件是那几个产生空行的DIV使用了浮动(float)布局, 并且还使用了clear:both消除浮动, 这一来一去之中就造成了我遇到的问题.<br /><br />OK, 问题解决了, 那就总结一下吧.<br /><br /><strong><span style="color: #ff0000;">当DIV之间莫名出现空行时, 要看看这些DIV是否使用了浮动布局, 并在其中使用了clear:both消除浮动, 如果是这样, 那就请修改这些DIV的父容器DIV的宽度为固定(固定数值或固定百分比), 说不定会解决你的问题哦:)</span></strong><br /><br />ps. 不想在这里说哪个浏览器好, 哪个浏览器坏. 各公司的产品肯定都有各自的设计和各自的理由. 不论一个东西做的再好再坏, 只要你在统计报表里看到有大量的人在用, 为了用户, 那你只能乖乖的去想办法包容一切, 不然你就可能丧失一部分用户. 与其在那儿抱怨, 不如用这时间去帮忙擦擦屁股, 虽然恶心点儿, 但我也忍了......对了, 我现在用FX 3.0b5挺爽的, 速度快, 每天还能crash一两次......安装了WP2.52008-04-08T13:42:12Ztag:nickcheng.com,2008-04-08:/2008/04/08/wordpress-25-installed/WP2.5发布一段时间了, 一直没有时间来升级, 今天抽空升了一下.<br /><br />升级以后, 前台没变化(当然, 前台用的都是theme, 要是发生变化就出事了), 可是后台的变化好大哦! 不过这变化是好的哦, 颜色, 布局都舒服多了, 我竟然有点儿喜欢在后台写东西了:)<br /><br />没有升级2.5的朋友赶紧吧, Enjoy it~~~安装了MNML的主题2008-04-08T11:10:19Ztag:nickcheng.com,2008-04-08:/2008/04/08/the-new-mnml-theme/安装了MNML的主题, 可以直接在页面上发表文章了, 尝试发一篇看看, 也不知道会给一个什么标题.<br /><br />update: 自动用内容的前几个字做了标题, 已经被我改了CIO学习2008-03-21T09:49:15Ztag:nickcheng.com,2008-03-21:/2008/03/21/cio-study/ <p>工作和CIO沾点儿边儿, 但还是不太明白, 甚至一开始连那个I是InformationTechnology还是Innovation都不清楚. 不管怎样, 学习先!</p> <p>今天看到信息周刊上的一篇<a href="http://www.informationweek.com.cn/iarticle/41313.html">CIO的成功之道</a>, 读了一下, 总结了点儿东西.</p> <p>首先是CIO在工作中需要具备的能力:</p> <ul> <li>为商业战略提供支持</li> <li>有能力理解业务流程和技术</li> <li>推动创新</li> </ul> <p>总结来说就是要对公司流程和相关的软件程序了如指掌, 同时还能协助完成业务流程的改革.</p> <p>CIO工作的一个重点: 开发符合整体商业战略的技术举措, 简单来说就是<strong style="COLOR: #ff0000">商业和技术的统一</strong>. 从执行上来看, 技术不能被动于其他部门, 要做到同步.</p> <p>从CIO的个人性格上:</p> <ul> <li>热情, 有创意, 有感染力</li> <li>有良好的职业操守</li> <li>足够的演讲技巧, 幽默感</li> </ul> <p>CIO在技术上还要保持和世界技术发展的同步.</p> <p><span style="COLOR: #0000ff">最后容易被忽略, 但还是很重要的是:</span></p> <ul> <li>以客户为中心</li> <li>全球化视野</li> <li>化繁为简的能力</li> </ul> iPhone成功收发彩信2008-03-12T10:00:00Ztag:nickcheng.com,2008-03-12:/2008/03/12/iphone-successful-transceiver-mms/ <p>这两天手头刚好有几部iPhone(都不是我的), 就顺手整了一下彩信.</p> <p>使用软件: SwirlyMMS 0.3.5</p> <p>设置:</p> <ul> <li>手机自身Edge设置</li> <li style="LIST-STYLE-TYPE: none"> <ul> <li>清除APN中所有文字</li> </ul> </li> <li>彩信软件(SwirlyMMS)设置</li> <li style="LIST-STYLE-TYPE: none"> <ul> <li>mmsc.monternet.com</li> <li>10.0.0.172(不用写端口号)</li> <li>APN: CMWAP(最好用大写)</li> </ul> </li> </ul> <p>哦了~~~使用的时候打开软件后要等到右上角的小m变为绿色才能使用!</p> <p xmlns="" class="zoundry_raven_tags"> <!-- Tag links generated by Zoundry Raven. Do not manually edit. http://www.zoundryraven.com --> <span class="ztags"><span class="ztagspace">Technorati</span> : <a href="http://www.technorati.com/tag/iphone" class="ztag" rel="tag">iphone</a>, <a href="http://www.technorati.com/tag/mms" class="ztag" rel="tag">mms</a></span> <br/> <span class="ztags"><span class="ztagspace">Del.icio.us</span> : <a href="http://del.icio.us/tag/iphone" class="ztag" rel="tag">iphone</a>, <a href="http://del.icio.us/tag/mms" class="ztag" rel="tag">mms</a></span> <br/> <span class="ztags"><span class="ztagspace">Zooomr</span> : <a href="http://www.zooomr.com/search/photos/?q=iphone" class="ztag" rel="tag">iphone</a>, <a href="http://www.zooomr.com/search/photos/?q=mms" class="ztag" rel="tag">mms</a></span> <br/> <span class="ztags"><span class="ztagspace">Flickr</span> : <a href="http://www.flickr.com/photos/tags/iphone" class="ztag" rel="tag">iphone</a>, <a href="http://www.flickr.com/photos/tags/mms" class="ztag" rel="tag">mms</a></span> </p>