theme

Ghost主题grayliner

这段时间有几个朋友询问我博客的主题,其实就是Ghost默认主题Casper的修改。不过随着Casper以及这个grayliner的不断更新,两者只会越来越不像。 Casper对于移动端的支持已经很不错,但是新版Casper那夸张的首屏封面实在非我所爱。单单一个logo和足够清晰的标题以及文字,就可以是个人博客的全部。 目前对于默认 Casper 做了如下的修改: 移除了 Casper 默认的图标字体,转而用 fontawesome 替代。因为fontawesome提供更多的常用图标,比如新浪微博,dribbble,github。 LENGTH 的单位统一使用rem。基准字体设置为20px,即125%,这是由于中文 chrome 最小字体限制12px的关系。 调整了部分字体和字体大小。 添加了Highlight(…

新主题SkyLiner

几乎每一次的windows系统的更新,都引领着某种设计潮流。Vista让千万网站披上了光彩亮丽的水晶,但现在人们很快觉得有些审美疲劳,于是这几年的设计风格一直在往扁平化方向发展,特别是google的各种UI——就连chrome的图标也被拍得如此之扁,以至于当windows 8即将发布的现在而言,我几乎已经完全习惯了色块在眼前漂浮...于是,即便我的主题iline已经足够简单,但我还是决定继续把它拍扁!结果,就是这个简单到我自己都惊讶的新主题,取名Skyliner。 网站成立3年,我也只用过3个主题。第一个是bito,950宽12号字,很精致的简约型主题。至今我还保存着当时(swordair201008_20)的截图: bito主题非常出色,但因为很窄,所以整个页面显得很长。直到后来自己写了第一个主题iline之前,都一直使用bito。…

新的wordpress主题

自从尝试做了swordis主题之后,对wordpress的主题也有所认识。于是决定做一个自己的主题。并且这次和上次不同,是很认真地要做完的。名字还没有想好,但是目标很明确: 没有图片的纯CSS主题。意味着线条和空间是首要设计元素。 必须过XHTML1.1以及CSS3验证。CSS3阴影和变换等,由于有前缀,所以即使使用也会暂时注释掉。 通过主题单元测试( Theme Unit Test )。这是一组严酷的内容兼容性检测。 流体布局。右边栏,因为我调查下来,比起侧边栏在左面,似乎更多人习惯在右面。 弹性em值。 兼容所有主流浏览器,包括IE6在内。 这些天从睁开眼睛开始我就在思考怎么把这个新的主题写好。主要考虑的是线条和颜色,实际上和篆刻类似,…

Wordpress主题swordis

终于下决心挤个时间出来做个wordpress主题。但是即使做出来估计自己也不会用的囧。 用了半天时间出了个PSD设计稿,又用了半天时间HTML化。还好设计的时候就着眼于简单,所以虽然搞了一天有些头晕,但还算比较快。基于wp的default,总的来说除了comment以外的CSS都重写了。 当然,因为刚刚写好的关系,背景图还么有整合,CSS也没有优化,并且还有众多的bug。不过没关系,作为自己第一个wp主题,慢慢琢磨就行了~ 已知的问题有: 虽然一开始写完测试环境是通过HTML5验证的,不过自己博客上的文章一加上就超多error。 只用IE6和chrome开发的,所以其他浏览器情况完全未知,尽管我都尽可能的按标准来。 颜色问题还值得推敲,排版也有很多要微调下。 还有好几个小图标在绘制中,所以标签、分类、评论前面现在都还是空的。 功能还不全,…