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-06
28

ALBERTO-CN灯牌,我们上海再见

By xrspook @ 23:12:36 归类于: 烂日记

昨天在麻涌的SPAR超市shopping归来突然冲动要把灯牌的事给了结了。黑色KT空白板我已经从家里带到单位快2周了,但却一直没动手。昨晚,我要为灯牌封上背板!因为,我从超市里买了2排劲量AA电池,一共10个。封板之前当然要做循例的测试。劲量真厉害!跟那些电力被我玩得差不多的普通碳性555没得比。开关打开,不是幻觉,整个办公室都被照亮了!但我发现头一天做的板有一半亮度有问题,这只能是某个或某些导线松动了。之前一直不敢拆,但经历过几周的焊接练习后,我已经非常大胆了。把之前的封口胶封板拆掉,然后对所有导线进行检查加固。我比从前更淡定,不是一般的纯熟。

加固重新封口胶封板后当然是测试。当然是留痕迹。

对头,劲量很厉害!这个比我之前照的亮度更均匀了!当然,还有一些灯不在一个集体的角度上,但那些,掰掰就好。

你能feel到星光熠熠吗?

我用的是白色5mm圆头超高亮LED,但如果照相的ISO用得足够高,快门和光圈得当,灯牌后面的黄色珠光纸是能反映出来的!这就是ADR,白色/金色!

然后,我用双面胶和KT板盖住了恐怖的线路。把他们装到了凡客的B1包装盒里。哈哈,一共7层KT板,5,mm厚一个,刚好装满凡客的盒子,没有空位,不需要塞什么东西防止位移。

在到上海之前,我不打算再打开了,要有faith,要对我自己有faith,要对我的作品有faith!

所以今天,我没有再碰电烙铁,转攻点点的模板。

网页设计是很伤神的,时间如流水般消逝。但今天我总算有点成绩,大体做到了自己想要的效果,明天的任务是美化和减肥。除了Javascript,我能把XHTML和CSS弄得妥妥的!我不是个艺术家,但我是个经验丰富的实用主义。

等待我明天的点点模板好消息吧!今天就不截图了。

每天都充实,真好!

2012-05
20

钻研Stitch中

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

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

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

有图有真相:

Tumblr的原装模板。

xrspook的改装模板。

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

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

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

加油吧!

2012-04
29

点子正在酝酿中

By xrspook @ 20:52:46 归类于: 烂日记

写教程就是为了帮助有需要的人,昨天的hulu.com教程今天就有人光临了。那位好同志一步步按照我的指示去做,过程中发现了问题,原来,那是我粗心之过,现在已经修正过来了。如果教程写出来不能帮助到别人,这教程算是废了。起码在一定时期内,这必须是有效的,昨天写的东西今天就不行的话,我就是2中的2!

近期我还想写一个PS CS2做区域动态GIF(也就是现在很流行的cinemagraphic了)的教程,那东西其实很简单,只要你懂原理。不过现在我对用PS来导出GIF还没透彻弄懂,所以,得先缓一缓。我觉得我现在导出的GIF的质量都不高,但我不知道怎么设置才能弄出高质量的GIF,所以,在我开班授徒之前,我先得把这些疑问都解决掉。

我还想做一个新的点点模板,构思是利用框架原理,在页面的主框架里展示正文内容,主框架下有4-5个小框架用来展示待选的小图。这是一个经典的相册展示理念,感觉是可行的,但现有的点点模板暂时没有这种设计,估计我要翻翻Tumblr的。

有很多坏点子需要时间去实现。

离4月结束还有1天多一点的时间,我还有二十多篇东西才能疯狂地创下adelrio.diandian.com单月400篇的记录,有难度!难度不小的说。我去哪里找那么多的素材???

奇迹是要靠人去创造吧,努力开动脑筋吧,少年!

2011-11
27

REALEZA不成TEA EXPO去

By xrspook @ 22:06:12 归类于: 烂日记

我真的已经很用力地去想解决“a div a”这个三角恋问题了!不过,还是没想出对策,哭~~~

这“a div a”三角恋是这样的:第一个“a”嵌套着第二个“div”,第二个“div”嵌套着第三个“a”,理论上,第二个“div”肯定被第一个“a”包含,但如果“div”里含有第三层的“a”,那么“div”就会自动脱离第一个“a”的嵌套,第一个“a”和第二个“div”变成同级关系。这会导致什么结果呢?第一层“a”和第三层“a”同时存在!但我的目标是当鼠标滑过div这个片区时只有一种链接即只有第一个“a”起作用,第三层“a”必须的只保留纯文本或者干脆拜拜。

没看懂我上面话的可以直接看源文件:HTML + CSS

这貌似很简单,但我至今没找到对策,尤其是适合各种主流浏览器的(Chrome,Firefox,IE8等)方法。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
// SH想出了这个
 
jQuery(".postmetadata1").each( function() {
	jQuery(this).html(jQuery(this).html().replace(/<a [^>]*>|< \/a>/gi,""));
});
 
// 我折腾出了这个
 
jQuery(".postmetadata1 a").each( function() {
	$(this).replaceWith($(this).html());
});
 
// 点点的Lei给出了这个
 
$(".postmetadata1").each(function() {
	var str = jQuery(this).html(),
	code = str.replace(/</a><a [^>]*>|< \/a>/gi,"");
	console.log(str);
	console.log(code);
	$(this).html(code);
	console.log($(this).html());
});
</a>

在Firebug看,这三种方法都能把第三层a干掉,不过,三个方法都会把第一层“a”和第二层“div”变成同级,即第一层“a”失效,无法做到当鼠标移过第二层“div”片区的时候出现正确链接。三种方法在Chrome和Firefox下片区链接都浮云了,展示效果一样。SH的方法在IE8下可以实现我的目标功能;我的方法在IE8下显示诡异,第二层“div”片区有第一层“a”的导航但无法打开链接;Lei的方法在IE8下会显示怪异,第二层“div”片区有第一层“a”的导航但无法打开链接,也有第三层“a”的导航且可以打开。各种怪异,各种神奇!!!!为什么用点点的“description|nohtml”就能轻易除去内容里的各种HTML标记,要在浏览器层面单纯干掉这般嵌套的“a”却这么难呢????

期望高人想出解决问题的JavaScript(可以包含jQuery)!

昨晚在电脑前抓了几个小时的头,凌晨1点+才睡觉,今天在早上继续抓了1个多小时,未果,不能再纠结了,我答应了妈要陪她去茶博会的,茶博会今天是最后一天。于是,大概在中午1点,我暂时放下包袱,出门口了。

茶博会么,有茶的,也有咖啡的。今天我花掉了95元,20元的入场费(10元/人),10元的espresso体验(5元/杯,250mL),15元的2罐玄米茶叶,50元1套的250g纯咖啡粉越南滤杯套装送了5条同一牌子的三合一咖啡。妈花了10元买胎菊。最让我兴奋的收获该数各种咖啡的试喝。第一次喝espresso呢!漂亮是有了,但我觉得有点怪怪的,味道有点淡,5元250mL我就不奢求什么了。虹吸式咖啡壶煮出来的波多黎各咖啡,这种波多黎各咖啡酸味挺弱,基本没有,苦味中偏强,苦后会甘。喝了不知道是不是猫屎咖啡的猫屎咖啡,酸味和苦味都要比波多黎各的重,味道也更活泼延绵,苦后甘,但感觉跟我平时喝的不太一样,我不是很喜欢。最痛苦的要数某个意大利咖啡,估计那是要弄espresso的,但没有奶没有发泡,所以,杯具啊~~~ 不酸、苦得很彻底,是我喝过所有咖啡中最苦的!苦完以后还不甘,内牛满面,不习惯咖啡的小盆友别自残试这个,即便30mL都会让你抓狂死…… 现在我仍无睡意,今晚或许要看着蚊帐顶发呆了。可能是我来得不是时候吧,这个咖啡展区已经有很多单位撤场了,而且随着时间的推移,各个商家都在打包降价促销想赶快走人,这有好有不好。

我可以明确地说,我对茶叶没什么爱的,对茶具也没什么爱的。

茶博会出来,本来想去员村的知名外国超市麦德龙见识一下,但那个鬼地方需要会员卡,我那个去!为啥不在门口写?!保安站在入口查会员卡,我分明的木有。这让我想起了很久很久以前机场路附近的万客隆,也就是现在的易初莲花,也是要会员卡,大概是10年+以前的事了,但那时万客隆就已经不免费提供塑料袋,但入场人流依旧变态,那是我第一次见识什么叫做Supermarket!后来,好又多遍地开花了,家乐福来了,吉之岛越来越多了,华润万家、百佳雨后春笋,超市成了普通事物,但第一次的万客隆经历还是很惊艳。今天在麦德龙吃到了闭门羹,很不爽,但总有一次,我会去那里见识的!

下午5点多回到家,继续纠结我的“a div a”三角恋,依旧未果,呜呜呜~~~

© 2004 - 2024 我的天 | Theme by xrspook | Power by WordPress