2012-06
29

Stitch弱弱上路

By xrspook @ 23:50:29 归类于:烂日记

能在今天基本完成Stitch模板并挂到点点网上测试我已经很高兴了!

很多时候我都是网上才做网页,但实际上这不好,我以为我的精神状态还OK,但其实一点都不OK,所以经常都会兜圈,犯错误。记得之前我用了0.5-1个小时都解决不了的东西,大白天我用了5分钟就解决掉了,这不是幻觉!只是脑袋在健康的状态下更好使罢了,开夜车并不能解决问题,只会把很多本来不复杂的东西搞得很糟糕。

Stitch是一个Tumblr的模板。用了起码5个以上的js,用了起码2个css,用了N多个适应各种浏览器的hacker。然后呢,主题CSS,我减肥了,另外一个,原封不动,至于js们,我全部粘一个里面了。到底原作者是怎么想的呢?外链引用那么多的文件。

关于这个Stitch模板,我的点点化主要体现在它的实用性。原模板非常不介意在高约400px的窗口里展示内容,于是这使得人家阅读很困难,文字还好一点,遇到大图片,我真那个去,横着竖着都有丑陋的滚动条,情何以堪,而且如果要看视频的话,视频的高度估计就只有300px,高清视频也烦恼啊,这么小的窗口!原模板的列表页和文章页采用了同样的框架高度,所以你在列表页费劲地看某些东西即便进入文章页也难逃厄运。所以在这里,我大刀阔斧地把文章页改了,改成了常规模式。列表页你怎么折腾那毕竟只是预览,但文章页,必须的看得舒服啊!

华丽和实用是应该共存的。

欢迎大家猛击帮忙测试我点点化的Stitch模板——http://xlanda.diandian.com/

但实际上,修改Stitch我的本意是用在http://adelrio.diandian.com/啦,但在技术完全成熟之前,我不会贸然改版。

截图是必须的,这里就只放最特色的列表页了。

文字页面,我用的是系统自动生成/人工设定的summary。

单图页面,我把字符自动截断设定为20,为什么这么少呢?因为单图有时我真的只写一点点东西呢。

多图页面,只放首张图片及标题。

视频页面,播放器宽度设定为445px,高度刚刚能放完一整个土豆或者优酷播放器。当然了,文章页的播放器宽度是860px的!

音频页面,默认放专辑的图片及播放器,宽度设置为一致的,也就是257px。

点点还有链接页面,但DESTINY IS REAL里我印象中没有单纯链接的资源,所以也就不截图了。

明天要想想办法解决IE9以下无法支持CSS3的问题,这导致了我所有的圆角和半透都无法在IE显示,莫大的杯具!我痛恨老掉牙的IE!!!!!

2012-05
20

钻研Stitch中

By xrspook @ 22:39:08 归类于:烂日记

今天花了一个下午半个晚上的时间研究点点的模板,不是原创,是修改,修改Tumblr的模板使之适合点点。但修改过程中,作为一个长期的轻博客用户,我完全理解其中的一些东西是不完美的,所以,当然了,我要做一定的修改。照搬是不靠谱的,我从来不是那种甘愿照搬的人,但有些东西,井底之蛙的我无法“创造”出来,所以首先,我必须先获取灵感。

今天效果如何呢?算是有点成功又有点不太成功吧。

有图有真相:

Tumblr的原装模板。

xrspook的改装模板。

从Tumblr到点点,不吹毛求疵的话在主页,你基本不会看不出区别。但实际上是不同的,首先是标题,我用了overflow:hidden的方法显示标题,多余的字隐藏掉,但原装,只会在text格式的时候显示标题,当标题字数超过空间大小,默认会出多行,那么趋于完美主义的人就会看到第二行的一点点“字头”了。

作为主页浏览,这个The Stitch是非常棒的!但作为内容详细阅读,这会让人很囧。首先,限制高度400px就意味着如果看视频你会看得非常不爽,哪怕视频质量很高,你电脑很牛,网速很爽,为了不把模板撑坏你也都只能在最多400px的框框里看。视频遭殃,大图遭殃得更离谱。原模板把高度超过270px的图片都控制在270px,可以想象,那有多么的蛋痛。很酷跟很实用始终是难以完美共存的。所以,我的计划是,列表页面(诸如主页、搜索页等)用现在的设计,但单文章页,还是简单爽快的好。今晚花了好多时间在如何在原模板的基础上让单页实用一点,但只要我一天不放弃华丽,一天都难以实现目标,囧,我懂的。世界上没有完美的事。

这个模板我已经酝酿制作很久了,但一直没有动手,今天,我move起来了。我还有时间慢慢琢磨一下这个,因为,我要告诉全世界。我是个实在的人,但我也是个追求完美的人,如果可以的话,我会华丽与实在并重。

加油吧!

Page 1 of 11
COPYRIGHT @ 我的天 | Theme by xrspook | Power by WordPress | Valid XHTML 1.1 and CSS 3 Go to top