menu

陶笛曲谱制作工具

这几天吹陶笛越来越有感觉了,不只仅仅是《故乡的原风景》,《天空之城》现在也已经有模有样。然后依着这种势头,曲谱就成了大问题。作为一个前端能做点什么呢?我相信如果有一个工具,把容易找到的歌曲简谱转换成对应的陶笛曲谱,会很大程度上方便初学者的吹奏。毕竟像我这样的完全不通音律的陶笛爱好者应该不在少数。有了这么个想法,就开始动手了~

先从简单的做起,虽然我真的不通音律,但是有好好看了一下基础的东西:) 一开始打算是用php干的,不过后来觉得js干起来更麻利些。首先实现的是AC调十二孔陶笛的基本指法,也就是全按作do的指法,也就是从低音6到高音4的音域范围。第一个版本也没考虑升降调。掐指一算,一共13个音。然后就是漫长的绘制过程了T_T~因为画的很仔细,相对花时间。

Read more... »

Image Lazy Loading

延迟加载 Lazy Loading 是一种设计模式,和预加载 Preloading 相反,最简单的说法就是“按需加载”。如果用在网页里,最多的就是图片的延迟加载。对于一张自上而下的充满图片的页面,尤其是图片列表形式,Lazy Loading的效果会非常的明显,能大幅提高加载速度和体验。大概是近期发觉自己博客里的图片日益变多,所以就打算赶下流行(似乎很大一部分博客都有使用),也简单做一下图片延迟加载。

虽然大部分的框架和插件都提供类似功能,但是代码原理也大都是类似——获取视点即viewpoint的高宽、图片的位置以及当前浏览页面部分的位置,由此判断图片是否在我们的浏览范围之内,如果是则加载它。但在具体做的时候也有很多差异,保存原来图片的src、移除src、判断是否加载、移除已经加载的事件或者数组元素等等,这些通常都有。以JQuery插件LAZY LOAD为例,它就是用增加的original属性保存原来图片的src,然后再按需加载它们。

Read more... »

新的wordpress主题

自从尝试做了swordis主题之后,对wordpress的主题也有所认识。于是决定做一个自己的主题。并且这次和上次不同,是很认真地要做完的。名字还没有想好,但是目标很明确:

  • 没有图片的纯CSS主题。意味着线条和空间是首要设计元素。
  • 必须过XHTML1.1以及CSS3验证。CSS3阴影和变换等,由于有前缀,所以即使使用也会暂时注释掉。
  • 通过主题单元测试( Theme Unit Test )。这是一组严酷的内容兼容性检测。
  • 流体布局。右边栏,因为我调查下来,比起侧边栏在左面,似乎更多人习惯在右面。
  • 弹性em值。
  • 兼容所有主流浏览器,包括IE6在内。
  • 以及良好的可访问性和自适应性。

这些天从睁开眼睛开始我就在思考怎么把这个新的主题写好。主要考虑的是线条和颜色的虚实,实际上和篆刻类似,如何把自己其他方面的知识应用进去,就是这次的主要问题。

最大的挑战应该还是来自IE6的,因为这次不能写违规的hack,也不能用IE的私有属性。其实早该如此,IE6虽然仍旧苟延残喘,但是终究会被历史的洪流冲走的,我坚信这IE8成为下一个IE6的时代的来临。

前端工作类似一道工艺,相同的设计,工艺不同,价值也会天差地远

上次试作的主题,设计用了半天,HTML化也是半天,总共才一天时间,加上才第一次做主题,自然漏洞百出。虽然大的问题暂时也没有,但是代码级别差距很大。这次截然不同,纯CSS,没有设计直接写,但是style.css我已经写了2天有余,到现在也仅仅只是有一个框架。期间数易其稿,多次改动整个布局。

现在就是主题单元测试的内容,相当周到。有多层次的页面,有混合布局、超长、超短、甚至是无标题或者无内容的文章,也有超多分类、标签的极限测试,还有何种视频嵌入,总之是应有尽有。

Read more... »

WordPress主题swordis

终于下决心挤个时间出来做个wordpress主题。但是即使做出来估计自己也不会用的囧,因为我是bito主题的铁杆fans!

用了半天时间出了个PSD设计稿,又用了半天时间HTML化。还好设计的时候就着眼于简单,所以虽然搞了一天有些头晕,但还算比较快。基于wp的default,总的来说除了comment以外的CSS都重写了。

当然,因为刚刚写好的关系,背景图还么有整合,CSS也没有优化,并且还有众多的bug。不过没关系,作为自己第一个wp主题,慢慢琢磨就行了~

已知的问题有:

  • 虽然一开始写完测试环境是通过HTML5验证的,不过自己博客上的文章一加上就超多error。
  • 只用IE6和chrome开发的,所以其他浏览器情况完全未知,尽管我都尽可能的按标准来。
  • 颜色问题还值得推敲,排版也有很多要微调下。
  • 还有好几个小图标在绘制中,所以标签、分类、评论前面现在都还是空的。
  • 功能还不全,比如搜索、RSS,还没来得及赶上去。

现在先拿出来用几天,过些时候总结出一堆问题后就可以着手改进。目标版本0.5,基本实现功能完整~

WordPress 验证码插件

原本一天一两条左右的垃圾评论自己手工spam掉问题也不是很大,不过今天貌似特别多。一转眼就十几条,审核得有点郁闷。看来最近自己的运气不太好,被机器人频繁光顾。于是只好花点时间找个验证码插件把把关。

起初找到的是Peter’s Custom Anti-Spam,似乎用的人挺多,不过看更新日期,居然还是2008-12-11,所以放弃。然后自己到wordpress插件页去找,这类插件应该不少。查找CAPTCHA(验证码)确实跳出来很多,可是我试了几个发觉不是过于复杂就是没有效果…后来选择了SI CAPTCHA Anti-Spam,这个插件无论是易用性还是功能上,都能满足要求。

这个插件功能很全,在其控制面板里有丰富的选项。可以在注册、评论、登陆启用验证,并且可以对已登陆用户隐藏验证。能改变输入顺序,还包含音频验证,flash音频验证的选项。如果觉得验证图太大,还可以启用缩小的验证图。并且在高级选项里还能设置CSS样式以及帮助信息和标签。

但并不是没有问题。

Read more... »

Redmine+Apache+SVN+Postfix完整配置指南

如果你是一个项目管理者,可能听说过redmine。它是一个项目管理系统的后起之秀,具备了广泛的项目管理平台特点同时,还提供了诸多的独有的特性。包括了内建的wiki、BUG问题跟踪、SVN集成等。本文将从头开始,详细地构建起整个项目管理的系统。如果你的团队正需要一个这样的平台,希望此文可以作为你的参考:)

你可以从本文中了解到如何配置好一个redmine系统,可能这中间会遇到些问题,但它们会被解决,然后让redmine跑在apache上。如何配置一个svn库,然后集成到redmine中去。以及如何配置redmine的邮件通知。
如果你不打算亲历亲为体验这种繁复的安装过程,你也完全可以使用BitNami的一体化安装包,这会使得安装部署redmine像安装xampp一样简单。

自ubuntu-10.04-LTS推出也已经有一个月的时间,所以这次的系统就用它了~对Ubuntu我是很有偏爱啊~虽说是一个完整的配置,但是涉及到的SVN以及Postfix只是略微讲述,仅仅满足于这个配置,目的是不让此文变成长篇大论,这两者的讨论远远超出了本文的范围。不过,我会给出足够多的扩展阅读,在那些扩展里可以找到你需要的内容。

然后让我们开始吧~

Read more... »

三种虚拟机软件比较

Sun VirtualBox,VMware Player(WorkStation) 和 Microsoft Virtual PC 三种最常用的虚拟机软件。最近工作中涉及到这三个软件,本文仅仅只是一些重要功能上的比较,并不涉及具体精确的性能比较。

Read more... »

redmine-0.9.x配置过程

项目管理系统redmine对我来说,有一种特别的感情。它使我去接触了ROR,使我重新认识了ubuntu,并且也是它,让我得到了第一份工作。值此3月,距redmine-0.8.4发布已经过去了10个月,现在的最新稳定版已经更新到了0.9.3,并且rails的版本也已升至2.3.5,而且发布了3.0 beta。虽然ruby的黄金时期已经过去了几个年头,但是它的发展势头还是不减。

于是当初我写的关于redmine-0.8.x的配置文档已经略显过时了。今天看到了redmine-0.9.3,于是就像当年一样看着官方wiki里的指导走了一遍过程。中间遇到了不少问题,所以本文不是一个标准的配置文档,而是我自己的整个配置过程——包含着遇到的各种问题,以及解决方案。

官方网站:http://www.redmine.org/有很多好的资料,下载wiki:http://www.redmine.org/wiki/redmine/Download也能带来很多帮助,最后,redmine在rubyforge上的下载地址:http://rubyforge.org/frs/?group_id=1850

从0.9.x开始,redmine的需求变成了ruby-1.8.6,1.8.7 Rails-2.3.5 Rack-1.0.1,而Rails-2.3.5已经包含在了vender目录里了。这次的配置平台式ubuntu-9.10-server-i386,并预装了LAMPserver。

Read more... »

在ubuntu上简单配置redmine

这是一份完整详细的配置文档(08/03/2009 created by iifksp),关于如何在ubuntu上配置运行项目管理工具redmine。
发布本文时redmine最新稳定版本已升至0.9.2,rails的版本也已升至2.3.5,并发布了3.0 beta,配置过程可能不同。

Read more... »

在windows上配置LMS ilias-3.9.x

这是一份完整详细的配置文档,关于如何在windows上的ilias-3.9.x以及ilias-3.10.x的配置。
发布本文时ilias最新稳定版本已升至4.0.3,已自带大部分依赖工具,安装已经不再如文中所述这么繁复。
created by iifksp 2009/08/03
对于ilias3-3.9.x来说,在windows上的安装过程比起在linux上的要复杂一些。

Read more... »
Page 2 of 3123