Posts

I’m on LinkedInand Twitter

Website: http://withoutborders.ca/ I teamed up with one of friends and built this website for the organization Without Borders. The website was built with wordpress. My responsibilities include designing the look and feel of the site, writting html markup and css for the wordpress theme and configure plugins to meet the requirements of the website. We also made the website responsive so that it looks nice on phones and tablets.

This is a blog theme I made for the blog application farbox. This theme features minimalistic designs and clear readable fonts. This is also the theme I am currently using for my own blog. Download:http://pan.baidu.com/s/1gdDXgpP

Website: http://majoreno.com As a web developer at Majoreno Inc. my responsibilities include developing both front and back end of the company’s website. Specifically, user experience design, website theme/layout design and Drupal module configuration/modification. The website provides an online marketplace for homeowners to find trusted contractors for their home renovation needs, while contractors can find leads and professional marketing support.

#On screen GUI buttons reference: http://docs.unity3d.com/Documentation/Components/gui-Basics.html /* Button Content examples */ // JavaScript var icon : Texture2D; function OnGUI () { if (GUI.Button (Rect (10,10, 100, 50), icon)) { print ("you clicked the icon"); } if (GUI.Button (Rect (10,70, 100, 20), "This is text")) { print ("you clicked the text button"); } } #Hide and unhide reference: http://answers.unity3d.com/questions/299138/how-to-hide-and-unhide-object.html function OnGUI () { if(GUI.Button(Rect(0,0,200,100), "Reset")) { var wall = GameObject.Find("wallJumpTall"); if(!...

View full screenshot Github: https://github.com/jazonion/newspaper This is a blog theme for the blog application Typecho. I made this theme because I want to have a perfect theme that won’t distract users' reading experience. A blog theme that just made for reading. 感谢我的拖延症最终放过了我. 完成了我的第二个主题"Newspaper". 灵感来自于报纸, 配色参考了clearly(Evernote出的一个Chrome浏览器插件, 用来阅读网页文章的). 再也不用因为之前的那个主题得雪盲症了. 接近完成的时候有一个小插曲, 导致我丢失了大概3个小时的代码. 原因是在准备同步到git hub上的时候, 不小心把刚做好本地的主题文件内容覆盖掉了, 兴冲冲的准备发布却发现仍然是旧版本. 因为风格已经定下来了, 于是凭着记忆很快把丢失的部分重新写出来了. 得到的教训是, 写东西完成之后立刻备份, 不要手贱. 顺手把自己博客的评论系统改为Disqus的了. 一来方便以后博客的迁移, 二来防垃圾评论. 就是因为最近的垃圾评论太猖獗了. Disqus的默认评论框显得太臃肿, 有空研究下怎么自定义. 下载地址: https://github.com/jazonion/newspaper/archive/master.zip

View full screenshot Github: https://github.com/jazonion/newspaper This is a blog theme for the blog application Typecho. I made this theme because I want to have a perfect theme that won’t distract users’ reading experience. A blog theme that just made for reading. 感谢我的拖延症最终放过了我. 完成了我的第二个主题”Newspaper”. 灵感来自于报纸, 配色参考了clearly(Evernote出的一个Chrome浏览器插件, 用来阅读网页文章的). 再也不用因为之前的那个主题得雪盲症了. 接近完成的时候有一个小插曲, 导致我丢失了大概3个小时的代码. 原因是在准备同步到git hub上的时候, 不小心把刚做好本地的主题文件内容覆盖掉了, 兴冲冲的准备发布却发现仍然是旧版本. 因为风格已经定下来了, 于是凭着记忆很快把丢失的部分重新写出来了. 得到的教训是, 写东西完成之后立刻备份, 不要手贱. 顺手把自己博客的评论系统改为Disqus的了. 一来方便以后博客的迁移, 二来防垃圾评论. 就是因为最近的垃圾评论太猖獗了. Disqus的默认评论框显得太臃肿, 有空研究下怎么自定义. 下载地址: https://github.com/jazonion/newspaper/archive/master.zip

读了这篇Minimal Web之后, 对里面讨论的所谓极简网站设计有一些想法. 文章的中心思想大概是说, 对于一个向用户提供阅读内容的网站(博客, 新闻, 信息供应类)来说, 它要做的就是提供最好的阅读体验, 并且去除掉一切与阅读无关的内容. 那篇文章所在博客的设计就是一个例子(你看它极端到文章的URL都只有一个w而已). 我很同意这个思想, 因为我一直崇尚简单干净有效的东西. 文章中列出了一些作者认为一个极简网站不应该有的元素, 其中包括: 广告 弹出窗口 同一篇文章分页 分享按钮 以上这些可是普遍能预料到的. 但这个列表中还包括了以下几个比较难以割舍的东西: 评论 文章分类 标签或相关文章 拿评论来举例, 如果一个博客连评论功能都没有, 那作者从哪里得到反馈呢. 文中给出的解决方案是让读者在其他社交网上写评论. 似乎也有道理, 如果一篇文章真的值得评论, 发一条状态, 写一两句话句话也不算过分. 毕竟现在连上厕所也有人自拍发微博… 虽然同意这个观点, 但我还是给这个博客保留了评论系统, 毕竟这样是读者和作者最直接的沟通方式. 至于分类和标签, 我想是真的可以去掉, 因为我也懒得想分类标题并且给文章打标签. 或许可以弄几个简单分类, 方便读者过滤信息. 我的Minimal Typecho模板. 也正是参考了一些极简设计的博客, 围绕这个思想而做出来的.

Stop caring about what is expected or normal. The only thing stopping you from doing cool things is that you’re afraid of looking stupid. Nothing great is created with expected thoughts. — Lifehacker