Theme

Ghost主题pure

基于默认主题简单修改的grayliner一用就是6年,那从wordpress换成ghost还只有半年。这段时间心血来潮打算改一改,于是就有了这个比起grayliner更为简单的pure主题。 在原来的基础上,去掉所有的装饰,多作者模式,虽然外观相较之前没什么大的变动,事实上结构也确实相差无几,但样式几乎是推倒重组了一遍,去掉了相当多没什么用的代码。 去掉了锐利的割裂线,抄了一下Medium的寡淡阴影,去掉了多余的分享和作者页尾,首页放宽了页宽,而内页反而收窄。添上了ghost新版本的一些新的功能性类名,还有删去了看起来十分好看但加载明显延迟的网络字体,将fontawesome撤换成svg图标,重做了一下手机端的导航抽屉...不一而足,却也做了不少改动——这也使得原本计划的施工时间一拖再拖,终于在懒惰中沉沦,交出了一个半成品。 比如本来打算要自己重新绘制几个关键图标,最后则发现好久没画图标巨人提笔无形,最后用了satanor在iconfont上的neko里的三两个图标。本来打算精细计算字体层级,想设计规范一样好好规划一番,…

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号字,很精致的简约型主题。至今我还保存着当时(swordair_2010_08_20)的截图: 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开发的,所以其他浏览器情况完全未知,尽管我都尽可能的按标准来。 颜色问题还值得推敲,排版也有很多要微调下。 还有好几个小图标在绘制中,所以标签、分类、评论前面现在都还是空的。 功能还不全,…