分类
English 原创作品 技术 视觉主题

泡面管家Android 2.0版发布 – Instant Noodles Master for Android 2.0 Released

界面清新、操作便捷,专为泡面优化的一键计时器
One-Tap-Timer for Instant Noodles, refreshing design, convenient to use.

此版本中的新功能:
Recent changes:

全新《泡面管家》,将成为你最称心的泡面计时器。
Brand new NoodlesMaster, now is your best timer app for cooking instant noodles.

  • 预定义多组泡面时间,更提供了便于操作的小部件(Widget),以及到时提醒功能。
    Predefined durations, convenient widgets, on-time notifications.
  • 全新扁平化设计(flat design),风格贴近安卓4.0+的Halo主题。
    New flat design based on Android 4.0+ Halo theme.
  • 仍然支持Android 1.6+的老设备。
    Still supporting Android 1.6+.
  • 移除了旧版本中会干扰用户使用的无关功能。
    Removed confusing features.

 

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

主要功能:
Features:

  • 泡面计时
    Timer for instant noodles

新版中强化了泡面计时器的功能,力求成为最便捷的泡面计时器。
The new version of NoodlesMaster focuses on the timer feature for instant noodles, aims to be your best mate when cooking instant noodles.

用户可以点击主界面底部任一按钮开始计时,《泡面管家》会在到达指定时限时提示用户。上部圆形计时表盘在计时过程中,点击正中间的按钮会停止计时。用户也可以向手机主屏添加快捷启动计时的小部件。
A user may tap any button at the bottom of the main interface to kick off the timer, NoodlesMaster will notify user when timer completes. During timer runs, user may tap the stop button in the center of the top ring to cancel the timer. User may also add shortcut widgets onto home screen, which can start the timer by only one tap.

官方网站Official Website:http://n.evis.me

官方微博Official Weibo:http://weibo.com/noodlesmaster

欢迎您提出宝贵意见,bug或新功能建议请在官方网站/微博留言。
Any bugs or new feature requests, please feel free to reach me at above official website, or submit to: http://code.google.com/p/noodlesmaster/issues/list

关键词:泡面, 方便面, 速食面, 即食面, 杯面, 计时, 定时, 秒表, 倒计时
Keywords: instant noodles, fast noodles, cup noodles, 3 minutes noodles, instant ramen, timer, timing, timekeeping.

App开发路线图,即将来版本中可能加入的功能,欢迎投票:
Road map, please vote for your most interested:

  • 泡面产品大全/新品推介
    Instant noodles product list / new product promotion
  • 泡面条码识别
    Instant noodles barcode recognition
  • 泡面向导
    Wizard of cooking instant noodles
  • 泡面评分/评论
    Rating / commenting
  • 泡面统计/健康饮食提醒
    Statistics / healthy diet prompt
  • 个人泡面活动与社交网络如微博/微信/人人整合
    Integration with SNS

从谷歌Play市场安装:
Install from Google Play:

Get it on Google Play

或本地下载:
Or download the APK:

[wpdm_file id=1]

前一版本介绍:
Previous version:

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

分类
原创作品 视觉主题

原创主题《金光碧色》

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

分类
原创作品 视觉主题

恭祝2010新春快乐,虎年吉祥

2010除夕将至,恭祝我的亲人和朋友们:

新春快乐,虎年吉祥!

有段时间在踌躇今年的祝福到底是发短信呢、打电话呢、还是坐飞机呢?不是原创就觉得少点什么,那不妨再如去年除夕那样再献丑一次吧。

感谢您通过短信来到这里,如果现在您看到的这个页面不像很意境的,请点击下边的链接,就可以切换了。

我的原创祝福

我为这幅图起名为“Paradiso(乐园)”,灵感来自最近玩过的一款XBOX360游戏。本是想加一只老虎上去,不过好难画就放弃了。作品希望向大家传达一种宁静祥和的意境,算是一种精神层面的祝福。

My_Paradiso_20100213_C

草稿是在A4纸上的手绘,感谢公司的扫描仪。图片尺寸为900*1200像素,是用Coral Painter 11 + Wacom 非凡复刻版画的。切图工具为Photoshop CS4。感谢我国开放的版权政策。点击上面图片即可查看作品原图。

请不妨期待下一次原创。