Author: dreamer

懒人食谱 – 泰式咖喱虾

喜欢吃咖喱么？在蕉叶尝过了咖喱虾以后，那味道真是不错，超级下饭。我向来对各种东南亚的美食是难以抗拒的，不管是酸的辣的甜的、虫子牛肉河粉大虾都没问题，泰国大米和响水大米并列我小时候最向往的两种米饭⋯⋯哈哈。这次就自己试试泰式咖喱虾吧！ 原料（2人份）： 大虾 － 10只 洋葱 － 1个 青红椒若干 椰子汁 － 罐装的一听就够了 咖喱 － 我用的是百梦多咖喱，微辣，超市里都有。一盒是6块，2人份的大概需要4块。 其它你喜欢的食材⋯⋯我加了胡萝卜（有点不正宗啊⋯⋯） 步骤： 1 大虾去头，剪刀沿虾背剪开，挑出虾线。用盐抓一抓腌一下。不去头开背也可以，我觉得剪开吃起来方便点，也容易入味。 2 洋葱、青红椒、胡萝卜切块，不用太细致。 3 开火放油，导入胡萝卜、洋葱，炒出洋葱的香味。 4 倒入虾翻炒一会。 5 虾差不多变色时（不用等到全红）倒入椰奶，盖过食材。煮沸以后煮一会。这是为了煮胡萝卜。有的椰奶貌似不能煮太久，会有白沫。如果没放胡萝卜的话，煮沸即可。 6 胡萝卜刚好能用筷子戳进去的时候，放入青红椒、咖喱块，不停搅拌。再煮2分钟左右，咖喱浓稠时盛出。 ps 最好用泰国米，把咖喱浇到米饭上。

懒人食谱 － 牛扒午餐肉便当

以前夏天蹲在路边吃麻辣烫或者烤串的时候，拎着啤酒瓶，洒脱地说，不干不净，吃了没病！谁知体质远远赶不上如光速般堕落的食品卫生。熟肉精、苏丹红、孔雀绿，地沟油⋯⋯加上音速般上涨的物价，吃点好吃的都不容易。于是乎上周又开始了研制便当的生活。 今天做的是牛扒午餐肉。适合不需要减肥的人，因为午餐肉的热量和钠含量都比较高。 原材料（1人份）： 荷美尔午餐肉 原味  － 超市里买小罐头装，取1／3，大概能切成4片 腌制好的黑椒牛扒肉 － 1片 鸡蛋  － 1个 米饭一份 其它你喜欢的配菜，我用的是洋葱和西兰花——好切，放隔夜也不会变黑。做便当的时候最好不要用绿叶蔬菜，放几个小时就黑了⋯⋯ 步骤： 1 米饭蒸熟。 2 把午餐肉切片，两面煎成金黄。 3 留锅底的油，煎一个荷包蛋。 4 煎牛排。牛排是已经用黑胡椒腌制好的。牛排放入以后，从侧面看，底下那面变色时就可以翻面。不要煎得太老了，看到两面都变色，用筷子戳牛扒的中间，能轻易戳进去的时候就该盛出锅了。（虽然是从超市买的牛排，我还是不敢吃7分熟之类的） ps 如果你还要等人一起吃晚餐，可以先蒸好饭，把煎好的午餐肉片、荷包蛋、牛排都放到米饭的锅里，盖好盖子。最后要吃的时候再乘出来。这样也能把没煎熟的荷包蛋和牛肉闷熟（这样也不会变老的哦）。 pss 最好用不粘锅煎，可以不用放油。 5 留着锅底的黑胡椒，放点橄榄油。洋葱下锅炒。同时西兰花抄水，捞出后和洋葱一起再翻一翻，加盐少许。 6 米饭盛出，铺上各种食材，大功告成了～

新书到手

上周二，从卓越定了三本书，《Designing Interactions》、《和谐界面——交互设计基础（英文版）》和《About Face 3》。今天新书终于到手，开心死了。 这本Designing Interactions的印刷质量不错，读起来也很舒服，外文书从手感上都是物有所值。接下来时间就得狠狠啃了！ 周末和benny在咖啡厅坐了两个下午。我基本上算主动加班。嗯，光是整理改版需求就写了整整一大张。对着之前看过的信息架构的那些东东，好好地思考了几天，确实有不少新的理解。 ps. 这两天都喝的都是cappuccino，事实上我也不知道点什么别的好，回来随手画了个图标，不是太成功。 pss. 希望日本安好 psss. 卓越的发货系统很奇怪⋯⋯

iPad2来了

2011年的3月2日，iPad 2正式发布。售价依旧399美元。 强大到足以取代PC的智能手机，还是便携到足以取代手机的PC？ 在5、6年前，很多人会更看好前者。智能手机本身即可视为是集成了通讯功能的手持计算机。由于硬件的限制，在诞生后的数年中智能手机的性能都无法与体积巨大的桌面PC相抗衡。PDA(Personal digital assistant)——与智能手机相当接近的一个概念——很清晰地指出了它曾经的定位：Assistant。 然而，硬件正是最不算瓶颈的瓶颈。1998年，家里用6666大洋买了一台方正原装台式机，它拥有名头响亮的奔三处理器，8G硬盘64M内存器。为了放下它，家里还另外买了一张很大的电脑桌。号称电脑高手的同学来到家里瞻仰，安装上时下最流行的游戏，忽然感叹到：硬盘容量好大哦！2011年的今天，用大概2700元就能买一部HTC Desire，它有着1G处理器1G内存，还配了一块跟指甲盖差不多大的8G microSD卡，对了，它还能打电话！我常常会把这个“大块头”塞进我刚买的包包的某个精致口袋里。硬件的发展在相当长一段时间都是不可逆的王道，昨日的高配今天的主流。因此在Android和iPhone横空出世之前，就已经有不少人看好将来手机具有取代PC的潜质。 一个硬件超级强大的手机＋广阔的wifi覆盖，这都已经不是神话。无限你的无线，手机摆脱Assistant的小三地位扶正似乎理所当然。但手机的致命伤在于屏幕的物理尺寸。尽管手机屏幕的物理尺寸已经在不断增长，目前最大的屏幕是三星的Galaxy Tab P1000，屏幕尺寸达到惊人的7英寸。男同志拿在手上都有霸气外露的感觉。但这和PC上仍然差距很大。 反观传统PC，硬件的发展同样带来了性能的提升，而物理体积上，却没有太大的进展。即使用于便携的Notebook的重量仍然保持在2kg左右。限制传统PC变得更便捷的恐怕是对屏幕物理尺寸的追求。1024＊768的分辨率占据市场主流的时间相当的长，用户习惯于这个分辨率下的界面体验。2010年1280、1680、1920等大分辨率都已有相当高的占有率，相应的屏幕物理尺寸一定要有所提高，体验会更好；这双方面是相互促进的。非屏幕部分亦是如此，同样功能，体积更小一些；还是同样体积，功能更强大一些，后者是更为稳妥的策略。因此PC正向着更快、更强、屏幕更大的方向发展。 然而就在2010年，iPad几乎在一夜之间令平板电脑成为最炙手可热的发展方向。三星、htc等手机厂商也纷纷推出平板产品。iPad推出前，还有人嘲笑这个Pad与卫生巾同意，而如今所有人都津津乐道一种新的终端类型——Pad。iPad的分辨率目前未1024＊768，屏幕尺寸9.7英寸，重量680克，带有双摄像头。iPad2据说比前代重量轻了33％。习惯了iPad后，或许会有很多人怀疑，为什么便携电脑还需要折叠一次？折叠的便携电脑，这种设计在过去几乎毋庸置疑的，即使是09年曾经红火的Netbook也是折叠的。已有人开始预言将来会是平板的天下了。 iPad及其类似产品，是一种介于传统PC和智能手机之间的产品，更接近于PC。是否能说iPad标志着PC便携化的一次重大胜利？强大的手机是将原来简单的东西变得更复杂了；而便携化的PC是将原来复杂的东西变简单了，单从这个角度来看的确是后者更好一些。

面包

画了一个面包，左边想加杯牛奶。虽然有面包机，确实不常用。 想看教程的戳戳这里

懒人食谱-炒方便面

炒房便面（两人份） 食材：方便面两包、青柿子椒一个、红柿子椒一个、洋葱半个、鸡蛋两个、火腿/熏肉/烤肉/培根几片。面和洋葱是必选，其他随意。 调料：盐、方便面的调料或是其他你喜欢的调味料（胡椒粉、蒜蓉辣酱、老干妈……） 做法： 1. 青柿子椒、红柿子椒、洋葱、火腿/熏肉/烤肉/培根简单切成条。鸡蛋打匀。同时烧开一小锅水。 2. 将方便面面饼放入开水中煮2-3分钟，面条变软无硬芯时可捞出，加油拌匀（避免结块）。 3. 开火，锅里放很少的油，但要尽量匀开。倒入鸡蛋液，把锅转一转，尽量让鸡蛋液流到边上（把鸡蛋摊得很薄）。等蛋液都凝固了就能把整张的蛋饼拿起来了。切条。 3. 开小火，放油（正常量多一点），加火腿/熏肉/烤肉/培根炒出油；火开大些，放洋葱炒出香味，再放入鸡蛋、青红椒炒一会，加入方便面调料/你喜欢的别的调味料炒匀；关小火，倒入方便面，用筷子趁热拌匀即可出锅。 后记 自从Benny买了550D后，我无聊的烹饪生活终于有了点乐趣。下班时间不多，不懂什么是火候，不会切菜，没有独家秘方，也没空买山珍海味，不想洗太多盘子……如果你是跟我一样的懒人，或许我们可以分享一样的经验。 第一篇是炒方便面……宅男女如果要改善生活可以一试。或许是在南方长大的原因，相对于汤面，我对炒面、炒饭非常的有感情。每天晚上，路边大排档锅里翻滚的炒面条是我儿时的梦想美食。爸妈加班时，我就骑着车跑去大拍档要一份4块的炒面。有时候带着爷爷一起吃，还得要一听可乐。 最后感谢Benny提供的相机和毫无怨言的吃我各种怪异的饭菜:)

Android初体验

用了4年多的S60，1年多的S40，偶尔用iTouch看看新闻，玩玩游戏。今年年底终于走进了android。在iOS和有硬件保证的android强大挑战下，S60几乎没有任何优势。在NOKIA的体验店试用N8，感觉实在不怎么惊艳，5k多大洋的价格，初印象里性价还不如iPhone4。 在硬件配置差不多的前提下，HTC Sense运行流畅，充满动感，色彩饱满，UI很漂亮，应用也很丰富。正如它的名字一样，它给人一种“智能感知”的体验，搜集各种你想得到想不到的数据，预知并提供你想要的东西。这与Google一直以来的方向也是契合的。Android下地理信息相关、Gmail、Gtalk等应用都非常的给力，几乎感觉不到什么障碍。大部分情况下，Android和其中的应用，会列出它需要搜集的信息——并且征求用户的同意，这一点和天朝某些软件巨头偷偷摸摸的做派很不一样。 在Android下装了几个应用：淘宝网、开心网、伊饭、手机QQ、MSN Messager、Soduku（数独游戏）、Guitar Hero Demo。 目前看来，肯定难用的是MSN Messager（含N个不同人开发的MSN应用）……微软的这个鸡肋聊天软件不光是在非微软系统下非常不好用，在Windows下的最新版本也很难用。 肯定好用的是Soduku游戏，我玩习惯了S40下的简陋数独，这个版本真是太好玩了。我不假思索地完成了这些操作：填数、修改数字、标注提示数（猜出某个格子可能填什么，但还不能确定，可以在该格上标记一个提示数）；在删数时小小探索了一下，依然是没有看说明就完成了。另外，它还贴心地高亮提示所有和当前格相关的数。 伊饭：登录不了……是我的问题，还是饭否的问题呢？ 淘宝网 淘宝是国内手机应用上的先行者之一，它的应用应当非常有代表性。我用它完成了这些事情：搜索商品、查看商品信息、加入收藏夹、我的帐户、查看历史记录、确认收货。它给我的感觉是很快，查看收藏夹、历史记录都是轻轻一划便能查看全部，而在web上我往往要经历好几秒的加载等待。淘宝网的应用还有许多web上没有的功能，例如条形码扫描，语音搜索，通过邮件、社交网络分享……这些都充满了移动特色。 淘宝网的搜索结果界面很讲究，缩略图尺寸、文字大小、间距都经过精心的设计，看起来很不错。 我满心期待着有了手机就再也不用开电脑上淘宝了，我可以躺在床上完成所有事情，但是最终我还是失望了。淘宝网的应用还有一些用起来不太舒服的地方：界面右上角，未登录时为“登录”按钮，登录后便是一个不知道干什么的“淘”，点击后出现的是“Hi,xxx”。进入我的帐户界面后，应用提示我有1笔交易需要确认收货，点击该条信息后进入交易详情界面，但一直找不到任何“确认收货”的文字。最终我尝试着点记录右上角的一个无说明的箭头才发现确认收货就在下一个界面中。更郁闷的是，在web上我一直很顺手的“购物车”功能我一直找不到；确认收货后也没找到哪里给卖家评价。介于我还没有用过同类的购物应用，所以关于这方面还要继续体验和评价。

与960 Grid System相关的那些问题

10月份有机会从零开始设计一整个企业网站。借此机会用上了心仪已久的960 Grid System。我们四年前的旧网站也即将改版，原来设计的宽度是1000px，我们打算今后都统一到960px，同时用上960 Grid System。下面整理了使用960 Grid System时考虑的一些问题，菜鸟们共勉。 为什么是960px？ 一直以来，网页设计师都希望寻找一个理想的页面宽度值，既能适应大部分屏幕，又尽可能的在一行显示更多的信息。 我们首先会考虑的是全屏自适应，但这并非一个好的解决方案。一方面，需要做一个能适应各个宽度的设计，从背景图片，到每个栏目标题的文字长度，都需要考虑到适应多变的宽度；另一方面，也是最致命的一点，相比英文单词，中文方块字是没有起伏的，用户对文字位置记忆的依赖性更大。自适应宽度也就意味着一行显示的文字数是不定的，阅读中文文字块时很可能很难一下找到刚才读到的那个地方现在到哪去了。因此，固定页面宽度比自适应更常用。过去，信息闭塞独立思考的我们会考虑用主流屏幕宽度－20px（IE中左右边框＋滚动条的宽度）。在1024＊768的分辨率下，页面宽度应该为1004px。但过不了多久，很多人便意识到，有一个更好的宽度——960px。 960 ＝ 2^6*3*5。与1004这个无厘头的数字相比，960能够被12、15、16、24整除，得数分别为80、64、60、40，这些数字听着就和谐而且靠谱。因此960非常适合于使用栅格设计系统进行网页设计。 为什么要用栅格设计系统? 栅格设计系统，即Gird System（又称网格设计系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格），是一种平面设计的方法与风格。运用固定的格子设计版面布局，其风格工整简洁，在二战后大受欢迎，已成为今日出版物设计的主流风格之一。 栅格设计系统在印刷出版物的排版设计中十分普遍，网页设计常会从印刷排版中汲取灵感。在网页设计中采用栅格设计系统不单能够继承工整简洁的风格，还能大大的减少设计的工作量；从前端工程的角度来说，这种排版方式优点不言而喻：天然的规范性和可重用性。从整个团队来看，使用栅格设计系统能简化工作流程，便于交流，也便于分工和统一风格。 这是使用3＊3的网格的960px页面设计草图，来自“The Principles of Beautiful Web Design”。 960px是唯一的么？ 960是否是唯一最优的页面宽度呢？当然不是。目前使用栅格系统的页面的宽度并不严格就是960px，也可能是950px，例如yahoo的YUI框架就是950px。关于网页栅格系统设计的介绍可以看看TaobaoUED的这篇文章。1024＊768也不会永远是主流分辨率，随着分辨率的发展，下一个较优宽度很可能是1440（2^5*3^2*5），或者是一个没有分辨率的时代，页面能够按比例自动缩放（就像现在在移动版safari看到的那样）。另外，好的设计和创意常常需要打破规则，栅格设计系统也并非网页排版唯一可用的风格，在主流之外会一直存在一些很优秀的非960px页面（尤其是全flash网站）；有时候人们会议论他们seo上的缺陷，或者兼容性、用户体验不够好，但从艺术的角度上他们依然很优秀。 为什么用960 Grid System？ 960 Grid System是由Nathan Smith开发的CSS框架，有12列、16列、24列三个版本。CSS对于很多程序员来说可能完全不屑于优化，但它确实和其他的程序代码一样需要架构和优化。即使运营的是一个很小的网站，适当地组织、重用CSS代码能够节省相当多的时间和成本。CSS框架正是那个能让你在每个网站都屡试不爽的东西，把那些无聊重复的工作都交给它们吧，把自己的精力集中在怎么创造更令人动心的设计上！ 而且，960 Grid System不仅仅提供了CSS框架，它还提供了可打印的缩略图表，Firewofks、Phototshop、OmniGraffle 和Vision的模板源文件⋯⋯你可以让项目组的很多人都用上它。 它也能为你减少了很多兼容性问题，它支持被yahoo评为A级别的浏览器： 用960 Grid System做出来的东西好看么？ 这个问题很有现实主意色彩。使用960 Grid System创造好网站的能力毋庸置疑，在它的网站上列出了许多成功案例。此外，wordpress用户熟悉的WooThemes也用了960Grid System。 具体到中文的环境中，每个设计师都有自己的判断。例如我自己觉得16列的网格系统比较适合中文企业网站，你可能会有别的看法。但是并不是用了它就一定能创造出令人满意的网页。“Frameworks are merely tools that help people achieve solutions, not the … [Read more…]

[翻译] 10 Best CSS Practices to Improve Your Code（10个改善CSS的最佳实践）- 2

原文链接：10 Best CSS Practices to Improve Your Code 第一部分链接：[翻译] 10 Best CSS Practices to Improve Your Code（10个改善CSS的最佳实践）- 1 4 有用的命名习惯 你会注意到上面我声明了两个列的id，我管他们叫col-alpha和col-beta，为什么不叫col-left和col-right？请总是考虑到将来的编辑。 下一年你可能需要重新设计你的站点，把左边的列移到右边，你不该就为了调整位置而在HTML中重命名这个元素并在样式表中重命名id。 当然，你可以就把左边的列移动到右边并且保留#col-left的id，但是那多让人困惑？如果id是“左”，人们应该会希望它将一直在左边。之后这没为你留下太多空间去移动周围的东西。 CSS的一个主要优点就是分离样式和内容的能力。你可以完全不用碰HTML，只修改CSS，就能重设计站点，所以不要用限制性的名字弄脏了CSS。用更通用的命名习惯，并保持一致。 让具体的位置或者样式的词语原理你的样式和id，一个.link-blue同样会让你话费更的工作，或者在客户要求你把那些蓝色的链接修改成橙色的时候让你的样式变得真的很糟糕。 按照他们是什么，而不是他们看起来的样子为元素命名。例如，.comment-blue和.comment-beta比起来就不太通用了，.post-largefont比.post-title更局限一些。 5. 用连字符取代下划线 比较老的浏览器可能对CSS中的下划线支持不太好，或者完全不支持。为了更好的向后兼容，请养成使用连字符的习惯。用#col-alpha而不是#col_alpha。 6. 不要重复自己 用组合元素代替重新声明样式来尽可能的重用样式。如果你的h1和h2都用同样的字体大小、颜色和边距，用逗号组合他们。 如下： 你也应该尽可能使用简写。请永远寻找机会组合元素并使用简写声明。 你可以比较以下两种写法： 明白css解释这些简写的顺序是非常重要的：top,right,bottom,left。一个大的顺时针圈，从正午开始。 同样的，如果top和bottom，或者left和right属性是相同的，你只需要写两个： 这条声明将top和bottom的margin设置为1em，left和right的margin为0。 7. 优化为轻量级的样式表 遵照上面的技巧，你能真的减少样式表的体积。体积越小，加载越快，并且更易于维护更新。 删掉那些不需要的，尽可能的用组合来合并样式。小心使用封装好的css框架，你很可能继承了一大堆不会用到的东西。 另一个为css瘦身的快速技巧是：你不需要为0指定单位。如果一个margin设置为0，你不需要写0px或者0em。0就是0，不需考虑丈量单位，css能够明白。 8. 为Gecko编写你的基本样式，然后为Webkit和IE做调整 把你自己从排除故障的头疼中拯救出来，先为Gecko浏览器（Firefox, Mozilla, Netscape, Flock, Camino)写css。如果你的css在Gecko中工作得很好，它也很可能在Webkit（Safari, Chrome）和IE中也没有问题。 9. 验证 请使用W3C的免费CSS验证。如果你遇到问题，你的布局不像你想要的那样工作，CSS验证器会在指出错误方面给你很大的帮助。 10.保持屋内整洁 … [Read more…]

[翻译] 10 Best CSS Practices to Improve Your Code（10个改善CSS的最佳实践）- 1

原文链接：10 Best CSS Practices to Improve Your Code 为什么我们的CSS变得一团糟——我们真的很容易陷入这样的困惑中。 有时这是一开始就马虎编程的结果，有时是由于后期多重的附加代码（hacks)和修改造成的。 无论是哪种原因，这都不是无法避免的。写出干净，超级可管理的CSS很简单，只要你走对了路，你的代码会更便于今后的维护和编辑。 写出更轻巧、更快并且更不会让你头疼的CSS，以下这11个技巧将会提高你这方面的能力。 1.保持条理性 像任何事情一样，让自己保持条理性（有组织）是值得的。采用清晰的结构，而不是随心所欲地组织id和class（别想到啥就写啥）。 这会有助于你在心里记住CSS的级联性，并让你的样式表能够利用样式继承。 首先声明最通用的item（id class或者是html element），接下来是稍微不那么通用的……依此类推。这让你的CSS能适当地继承属性，当需要的时候，重写一条特殊的样式会更容易。将来编辑CSS时也会更快，因为它遵循着一个易于阅读的逻辑结构。 用一个对你来说最好使的结构，同时在心里想着将来的编辑和其他开发人员。 重置和重写 链接和字体 主布局 二级布局结构 表单元素 其他杂项 2.标题、日期和签名 让其他人知道谁写了你的CSS，什么时候写的，以及如果有问题可以联系谁。在设计模板或主题时这非常的有用。 稍等片刻…那些色标数字是咋回事？多年以来，我发现，简单列举出我的样式表里常用的颜色，在初次开发和后期编辑时真的非常有帮助。 这节约了你打开Photoshop从设计图里吸一个颜色，或者在这个网站的风格指南（如果这个东东存在）里查颜色。如果你需要那个特定的蓝色的HTML代码，只需要翻到注释处复制它就行了。 3.搞一个模板库 一旦你选定了用一个结构，剥掉所有不通用的并把文件存成一个CSS模板，以便将来使用。 你可以为多种用途保存多个版本：两栏布局、博客布局、打印、移动等等……Coda(OSX的编辑器)有一个优秀的Clips特性能让你很简单的做到这些。很多其他的编辑器也有类似的特性，不过甚至是一批简单的文本文件也能很好地工作。 每次都从头开始重写每一个样式表是很疯狂的，特别是每个都是采用一样的约定和方法。