分类
English 原创作品

Android手机应用程序《泡面管家》测试版发布 – Instant Noodles Master app for Android beta released

“这是一款娱乐性质的软件。”——某同事
“这个……很阳春啊。”——某客户
“很有意思。”——某朋友
“重要的是创意。”——某同学

《泡面管家》是一款面向泡面（方便面、速食面、即食面）爱好者的小工具。
Instant Noodles Master (NoodlesMaster for short) is a small tool for instant noodles funs.

noodles_master_logo

主要功能如下：
Features:

  • 泡面计时
    Timer for instant noodles
  • 泡面产品大全（目前只有中国区域数据，且尚需补充）
    Instant noodles product list (Chinese data only, still insufficient)
  • 泡面条码识别（目前只有中国区域数据，且尚需补充）
    Instant noodles barcode recognition (Chinese data only, still insufficient)
  • 泡面向导
    Wizard of cooking instant noodles

noodlesmaster_screenshot_1 noodlesmaster_screenshot_2

在将来版本中可能加入的功能：
Possible future features:

  • 更多泡面产品数据/在线更新/新品推介
    More instant noodles product data / online sync / new product promotion
  • 泡面评分/评论
    Rating / commenting
  • 泡面统计/健康饮食提醒
    Statistics / healthy diet prompt
  • 个人泡面活动与SNS整合
    Integration with SNS

《泡面管家》可以在谷歌的官方应用软件市场Android Market搜索到，并供大家免费下载使用。
Instant Noodles Master can be found and downloaded for free in Google official Android Market.

http://market.android.com/details?id=me.evis.mobile.noodle

欢迎大家提出宝贵意见，bug或新功能建议请提交到：
Bugs or new feature requests please submit to:http://code.google.com/p/noodlesmaster/issues/list

注：本软件中出现的泡面厂商图标、产品名称及相关信息等版权均为相应厂商所有。
Note: all instant noodles product logos, brands and related info belong to its manufacturer.

分类
原创作品

对广告中活用成语的建议

“天下无‘霜’”，这是笔者最近看过的广告。

笔者没有义务为某品牌做广告，但笔者一直对广告等媒体内容活用成语的现象略有担忧。这里的活用是客气的说法，更贴切的应该是双关语，不客气的就是滥用成语。

活用成语的例子互联网上可以搜到太多太多，多到你想不起来某个成语本来是怎么写的，本来是什么意思。比如这里： http://wenda.tianya.cn/wenda/thread?tid=21388c89f759d6c4

成语是汉语的重要组成部分，也可谓中华历史文化在语言中的沉淀和积累。从小学开始我们就要学习成语，用对、用好成语是对成语的尊重，也是对自己修养的升华。

问题来了，现在有不少广告创意以活用成语的方式来提高广告的记忆率，各种媒体在播放这些广告（乃至自己制作的节目）时也忽视了这些活用会产生对成语本身的负面影响。想一想，成人还好，小孩子接触这些非官方成语多了，他何以建立对这些成语的正确认识？这篇博文不是长篇大论，笔者只想提出一个貌似可行的建议，供有心人参考。

建议很简单，就是以能看得到的程度标明广告词是活用自哪个成语。灵感来自于“吸烟有害健康”、品牌电脑销售广告页脚的注释和其他免责条款。

原广告截图：

ad_01_with_proverb_pun

保证成语正确传播的建议：

ad_01_with_proverb_pun_and_annotation

顺便建议，某科教节目应该更加注重知识的严肃性（台标就不打马赛克了）：

ad_02_with_proverb_pun

可以标注为：

ad_02_with_proverb_pun_and_annotation

顺便建议，这样的标注是否也能有相关法律法规来强制，就像“吸烟有害健康”那样。

话说回来，“空穴来风”这样的成语笔者是不敢再用了，但笔者至少还有自信，自己使用的成语中不会有错别字。既然文化传承，就不妨严肃一些。

分类
原创作品 视觉主题

原创主题《金光碧色》

笔者偶尔会抱怨BlogEngine.NET的主题太少，很羡慕WordPress丰富的主题资源。前段时间手痒想给博客换个新主题，但找遍WordPress TOP20之类的排行榜也没有发现特别满意的，一想到就算找到满意的也得花功夫改写成BlogEngine.NET的格式，倒不如释放一下自己的原创热情。

evis-me_royalgold-theme_screenshot

素材

首先是页面的CSS布局，从零开始搭CSS是很折腾人的，一个CSS布局模板可以省掉很多辛苦。CSS-Tricks网站提供了一个“完美的自适应宽度的布局”： http://css-tricks.com/the-perfect-fluid-width-layout/，其特点如下。

  • 左右两栏式；
  • 在主流浏览器下效果良好；
  • 宽度最小可以缩减到780px，最大可以增加到1260px；
  • 侧边栏保持固定宽度，并与主内容区域同高；
  • 页面内容在极大分辨率下保持居中。

笔者基于这个布局的源码，将侧边栏移到了右边，微调了最小最大宽度，最主要的，加入了一系列包括边框、阴影之类的背景图片。这个“完美布局”模板在使用时有以下几点需要注意。

  • 侧边栏是float:right属性挤过去的，这意味着主内容区域里不能很早就用clear:right或者clear:both来清理浮动，否则会造成清理之后的内容与之前的内容间产生很大片空白；
  • 主内容要设计min-height，以避免侧边栏内容高度大于主内容时，下半截没有背景的情况；
  • 这个模板包含一些针对IE的CSS-hack，在IE下人工改变浏览器宽度时，渲染效果会有不稳定的情况。

然后是背景。只所以这个主题会有金色系这样的配色，主要还是因为偶然找到了这样的图案纹理： http://speckyboy.com/2010/04/08/6-free-vector-seamless-backgrounds-source-files/。矢量纹理的好处是后期加工很方便。

还有就是纯CSS的层叠菜单。Google了很多，最后还是采用了http://purecssmenu.com/提供的代码。笔者针对自己的需要，砍掉了不少代码。

HTML源代码

早期版本的HTML、CSS、切图都可以在Google Code上找到，SVN地址如下：

https://evis-lab.googlecode.com/svn/themes/royalgold/src

《金光碧色》主题

主题为什么取这名字就不要深究了。

在上述HTML版本之后，笔者就将HTML代码合并到BlogEngine.NET的Standard主题中了，后来的开发、除错都是基于ASP.NET页面进行的。从结果来看，主题有如下特性。

  • 金色系配色；
  • 纯CSS（CSS2.1）布局，左右两栏，最窄780px、最宽1000px自适应，侧边栏宽度固定为300px；
  • 纯CSS层叠菜单；
  • 在IE7/8，Chrome，Maxthon2/3下测试通过；
  • 适用于BlogEngine.NET 2.0RC及2.0，之前版本尚未测试。

已知bug：

  • 在IE7/8下，Google广告之类的iframe内容会将弹出来的层叠菜单遮住；
  • 在IE7/8下，任何时间都会出现横向的滚动条。

最新版本的《金光碧色》主题可以从这里下载，解压缩至BlogEngine.NET相关目录即可使用。

如果有哪位朋友有兴趣将主题迁移到WordPress，同样请留言，笔者会提供相应支持。

后记

果然是自己从未尝试过的色系，看久了多少有点眼晕的感觉……

制作主题这种事情，笔者认为最舒服的还是做效果图的阶段。神马Web Standard，神马HTML5、CSS3，业界推广这么长时间了，想做个布局、加个边框之类的，开发量还是这么大，甚至避免不了CSS Hack。这么多年了，多浏览器兼容仍旧是个大问题。有时想想，还是表格布局来的畅快。还有，开发工具还是这么单薄……等等各种抱怨。

说回来，Web页面开发这类工作，还得是设计师和前端工程师合作来做，别太期待团队里出来一个英雄，从美工到前端，加上体验设计，甚至再到后端，把一个网站硬生生的扛下来。领域太广、细节太多、耗时太长。哦，笔者可没说自己是这样的人物。