28楼的屋顶花园咖啡屋

换了blog模板迎接夏季w

Srandy — Mon, 04 May 2009 19:51:37 +0800

换了个干净的blog模板~
想要吐槽的是居然那些线条全是图片=_,= 明明用border就能解决……准备改日着手修改Orz

另外新安装了个audio-player插件，顺手来测试效果……光良那个经典的《童话》的日文翻唱版……=_,=
[audio:tonghua-jp.mp3]

出自光良本人的纯音乐版（google音乐盗链Orz）

[audio:http://audio.top100.cn/200905042002/6181D63BCFA956DFD9A99A58BC483BF7/streaming2/Special_44445/%E7%AB%A5%E8%AF%9D(%E7%BA%AF%E9%9F%B3%E4%B9%90).mp3]

没事来晒晒ff的扩展和主题列表

Srandy — Mon, 27 Apr 2009 10:20:04 +0800

生成： Mon Apr 27 2009 10:14:51 GMT+0800
User Agent: Mozilla/5.0 (Windows; U; Windows NT 6.0; zh-CN; rv:1.9.0.9) Gecko/2009040821 Firefox/3.0.3;MEGAUPLOAD 1.0 GTB5 (.NET CLR 3.5.30729)
Build ID: 2009040821

启用扩展： [30]

Adblock Plus 1.0.2
BBCode 0.5.2.4
CleanHide 1.0.9
Delicious Bookmarks 2.1.034
Download Statusbar 0.9.6.4
DownloadHelper 4.3
FanFox 0.1.4
FaviconizeTab 0.9.8.2
FEBE 6.1
Firebug 1.3.3
FireGestures 1.1.6.2
Flashblock 1.5.10
Google Toolbar for Firefox 5.0.20090122Wb2
Greasefire 1.0.3
Greasemonkey 0.8.20090123.1
IE Tab 1.5.20090207
is.gd Creator 0.2.2
LastPass 1.50
MediaWrap 0.1.7.3
Microsoft .NET Framework Assistant 1.0
MR Tech Toolkit 6.0.3.3
NicoFox 0.3.2.1
PDF Download 2.1.0.2
ReminderFox 1.9.1
Smart Bookmarks Bar 1.4.3
Stylish 0.5.9
Tab Mix Plus 0.3.7.3
TimeTracker 1.2.4
Xmarks 3.0.1
Zoho Notebook Helper 0.3.4

禁用扩展： [23]

CHM Reader 0.2.3
ColorZilla 2.0.2
CookieSwap 0.5.165B
CSS Validator 3.0.0
CSSViewer 1.0.3
Dafizilla ViewSourceWith 0.4.1
FirePHP 0.2.4
FireShot 0.69
FoxTab 1.1.2
gladder 2.0.3.3
Google 笔记本 1.0.0.22
gTalk Sidebar 0.4
Html Validator 0.8.5.6
JavaScript Debugger 0.9.87.4
JSView 2.0.5
Juice 0.1.10
Read it Later 0.9941
SwitchProxy Tool 1.4.1
Tea Timer 0.9.1
TwitterFox 1.7.7.1
Web Developer 1.1.6
YSlow 1.0.2
Zoom toolbar 0.8

全部扩展： 53

已安装主题： [5]

已安装插件： (14)

Adobe Acrobat
Alipay security control
Foxit Reader Plugin for Mozilla
IE Tab Plug-in
Java(TM) Platform SE 6 U3
Microsoft? Windows Media Player Firefox Plugin
Mozilla Default Plug-in
Picasa
RealJukebox NS Plugin
RealPlayer Version Plugin
RealPlayer(tm) G2 LiveConnect-Enabled Plug-In (32-bit)
Shockwave Flash
Silverlight Plug-In
Windows Presentation Foundation

关于reset.css

Srandy — Sat, 04 Apr 2009 20:10:37 +0800

去年刚去实习的时候的code review的时候在css分享会上了解到css reset相关，之后就开始用了，确实可以去掉很多麻烦的事情。不过用多了总觉得很多地方不适应，这几天发现其实我纠结的地方应该放到base.css里面去定义……

其实本来想写写reset.css的，不过今天一开GR就发现几篇文总结的相当不错，那么我就偷懒引用下吧。（笑

先来淘宝的部分，《reset.css(八卦篇)》，如果你对reset很陌生的话，不妨看一下来了解哦，就像大部分书一样，前一二章的入门给你扯淡写八卦啦，基础啦什么的~ 就当做点心物吧~

你知道世界上第一份reset.css在哪么？

* { margin: 0; padding: 0 }人品很坏吗？

Eric Meyer和YUI是情侣吗？

Google有用reset.css吗？

No CSS Reset的口号是谁最先提出来的？

然后发现的好东西是这个：

比如style, script { display: block }就可以显示CSS和JS源码，在做代码演示的demo页时，就不用辛辛苦苦用pre或textarea了（虽然因为ie不支持导致不实用，不过这的确是个思路）

另外吐槽一下，居然不翻译引用文，太欺负我们这些英语基础烂的人了……（喂！
我就硬翻译下加粗的部分好了，不保证准确性的哦……~~（抽出部分的抽出部分，你真是够了！）~~

To understand what makes each solution imperfect and to know which of them is the best choice in the situation—that’s knowing your craft.

译：要理解是什么使得这些解决方法无法完美，而想要知道那种解决方法才是最佳选择，就是你的本事了。（我在翻译啥，我不知道哎……）
ok，轻松完毕，进入技术篇~
(由于淘宝的技术篇没出，所以恩，底下留个空位给淘宝reset.css技术篇~）
《打造自己的reset.css》from 走走停停看看

基础

默认色彩

padding和margin

边框

外边框(outline)

字体样式(font style/weight/size/variant)

行高(line-height)

列表样式

表格元素

上下标以及baseline

插入和删除(ins/del)

链接

我的重置样式

分析得相当细致了，挑选几个细节说说~

对于第五条(:focus)

而YUI则没有设置这一条。而在Eric的样式中，可以看到Eric的提醒：务必重新定义获取焦点后的样式！

我倒是认为不应该reset掉，如果不是图片为主的网站，真正要去掉focus的地方并不多，用到最多的地方其实是text-indent拉线到很远处而使得有些浏览器下看起来有个丑陋超长虚线框，那么，在这里把focus去掉就好了。否则整个页面再定义一次focus实在是很麻烦。

对于第七条(行高(line-height))
一直用的是重置到1的reset，不过最近在base.css里放了特别针对IE6的“_line-height:140%;”，削掉几个像素的问题解决了，页面出来之后其实差距不大，很多地方因为没有设计规范和前端规范，所以为了配合设计稿行高都要定过=_,=
行高方面的扩展阅读，可以参考这几个:
字体、排版简明入门
 垂直栅格与渐进式行距(上)

那么基本就这些了吧，恩，看过第二篇的各位可以自己整reset.css了，需要调整的地方已经不多了，细节方面嘛，看各人喜好了。以上~

》》》》》》》》这里是给淘宝的reset.css技术篇的位置，不过我估计应该也没啥新玩意了，到时候再补充吧（笑 ps 一下，淘宝你们把wp的poweredby扒得真干净阿……=_=b

文本循环变色效果

Srandy — Mon, 23 Mar 2009 16:53:41 +0800

要给一个带不少js的页面写文本变色效果，所以onload不能用，全局变量最好不要用，所以决定无论如何都要把js封到函数里。
但是果然对js还是不熟悉啊，搞了一个下午Orz，不过这也是第一个成功封起来的js函数~哇哈哈（爬……
非常感谢李童鞋感谢亮亮童鞋感谢施童鞋，还有还有感谢师傅~~ \=v=\ (鼓掌撒花~~

首先是第一个，用来初步实现效果的，不过因为存在原有的js所以，对我来说是基础中的基础。
其中借鉴了很多网上的代码，setTimeout终于熟悉了~哦也~~
代码的效果是：【点击查看html文件】
网页load之后开始变色，鼠标移上的时候变色为默认的红色（css定义过，如果关掉js也会有红色的加粗），移开鼠标时从红色开始变色~

var emtxt=document.getElementById("emtxt");
	var i=0;
	window.onload = setcolor();
	var roll;

	function setcolor(){

	var emcolors = new Array(
		"#F00",
		"#FF0",
		"#F0F",
		"#00F",
		"#0FF",
		"#0F0"
	);
	//alert(emcolors[i]);
	if(i
但是这个代码是不能用的，因为需要加这个效果的页面带的js到底是些啥完全不知道Orz……【量大我不要看啊！(懒死了，抽~】

于是硬磨了个函数封起来的版本，终于把所有变量都封进去之后却发现很多问题……

最大的问题居然是：怎么调用不知道Orz

特别感谢李童鞋给我加了句 setColor(); 修正了函数调用语句changeColor("emtxt");

于是就完全ok了~ 而且也不像我前面那个js一样只能跑一个了，这次跑俩不会冲突~ 【点击查看html文件】
function changeColor (id){
	var emText=document.getElementById(id); //变色元素
	var emcolors = [//颜色数组
		"#F00",
		"#FF0",
		"#F0F",
		"#00F",
		"#0FF",
		"#0F0"
	];
	var roll;
	var colornum=0;
	function setColor(){
		if(colornum
【好了伤疤忘了疼星人——写完了好爽，恩我到底改动了多少次？不记得Orz】

回顾一套视频

Srandy — Thu, 05 Mar 2009 21:13:23 +0800

在公司过了三个月，现在回头再看这套视频果然感觉不同……

余世维江苏邮电管理讲座
据说这之后都没见过这种随性些的视频了。
以前老家那边余先生也去过，在体育馆还是哪里我不记得，当初考大学没去真可惜……

这里是全部的视频http://is.gd/lUpN

顺便说，从黑塔利亚的角度看，余先生很喜欢军曹和宅菊阿……

加班告一段落了，终于

Srandy — Wed, 04 Mar 2009 23:30:59 +0800

其实电子商务公司是电话营销公司来的，不管是百度还是我现在的实习公司，toga。

加班已经结束，新页面上线了，看着自己辛苦做的页面的细节都在运营方手里毁了真是泪流满面。

即使被说理想化也好，其实想做的不过是出很多很好看的页面而已。我真是没理想。

周四到下周一请了假，回学校看看，毕业设计的事情已经经过指导老师同意可以一边实习一边做了。

今天父上大人和母上大人打电话来跟我说三方协议的事，实习公司如果不给签，那么呆着也没意思……于是balabla了很久基本都是我在发脾气Orz…… 不会JS这种死穴么，签是很难的，就算我css+html能到很BH的地步也没有用阿……
如果签不到的话，真闪人之后自己把js这块补上再应聘一次不知道会怎么样，由于B2B部门不能到C2C部门阿，其实可以应聘过去么……（想得美阿你！）
还是，我索性跟学校联系考明年的研究生好了，想过了，如果真走到这步的话，研究生要考经济方面的，比如会计什么的。总还是趋向于这种有点入行门槛的工作阿……

搬到郊区真的是件很郁闷的事，有当地ZF拍胸脯说给你解决员工住宿问题，也觉得很不靠谱阿为啥……说起来我很不喜欢一个跟ZF很近的公司，不过这个在国内是不可避免的。于是，还有一个郁闷点就是，没有公司图书馆，也没有浙江图书馆优惠券之类的东西。从大学开始我就纠结图书馆了，叹气…… 还想好好学次英语的，真想也去一个月GRE封闭训练阿……

好吧，如果有钱，我就在西湖边买房子，然后每天跑浙江图书馆看书……（才怪）

还有一句。除了创业（也许），恩，没有喜欢的公司，只有喜欢的工作和喜欢的同事。

blog搬迁到新域名-http://srandylab.cn/blog

Srandy — Sat, 21 Feb 2009 04:55:35 +0800

搬家搬家~~ rojoro童鞋跟我说他借我的他空间不续费了，加上这周忙着给公司做页面加班到十点回家很不爽，所以今个特地通宵搬家XD！！
blog搬家完毕~ RSS地址不必更新~ 因为已经把feedsky 的 rss地址换成新的了~

如果不是订阅feedsky的话，那就请移步新blog吧~XDDD
原来的srandylife.cn等到过期之后应该就不能用了~ 那么请务必更换~ 上方的添加到google标志原始rss连接
另外：Google Friend Connect 的连接也已经转过来了XD

blog: http://srandylab.cn/blog

Rss: 1. 原始地址http://srandylab.cn/blog/?feed=rss2

2.feedsky http://feed.feedsky.com/srandylife

日志和标签都经过了精简~~ 还有就是关于连接，新站没有PR，不想交换连接的各位可以无视了~ 想交换连接的请告诉我~

重写过的js循环滚动

Srandy — Thu, 12 Feb 2009 08:02:27 +0800

还是按照这里的代码来的，
用innerHTML就不会跳动了=v= 所以把多余的那个ul节点用js写进dom里去了，注意css就可以，函数调用那么是三个参数，里面可以是table了。

John Resig: “The DOM Is a Mess”

Srandy — Tue, 10 Feb 2009 02:37:20 +0800

from:YUI Theater 【撞墙】

John Resig, an engineer at Mozilla and the creator of jQuery, stopped by Yahoo last week to visit with the YUI team. While here, he gave a talk for Yahoo engineers on the current state of JavaScript and DOM programming. The session — entitled “The DOM Is a Mess” — harvests many of John’s insights from his work on jQuery and related projects, and it offers guidance about how to think about some of the most challenging aspects of in-browser software development.

jQuery之父对于js和dom编程现状，在访问YUI团队时的演讲。懒得翻译了，视频和ppt才是重点

ppt下载：The DOM is a Mess @ Yahoo(pdf) from SlideShare

视频在线：John Resig: “The DOM Is a Mess” @ Yahoo! Video

视频下载：download (m4v)

那么，以上，enjoy it!

让vim高亮预览显示“#oooooo”形式的色彩

Srandy — Tue, 16 Dec 2008 02:46:28 +0800

某天看到实习单位有人用的vim可以高亮不同的颜色，

http://lanpartei.de/~niklas/vim/after/syntax/css-color-vim.png

就像这张图里这样，问他要来了vim的整个打包，一个一个对比文件，于是看到了

X:Program FilesVimvimfilesaftersyntax 里的这么个文件

命名倒是无所谓，不过看看文件头：

" Language:	   Colored CSS Color Preview
" Maintainer:	Niklas Hofer
" URL:		   svn://lanpartei.de/vimrc/after/syntax/css.vim
" Last Change:	2008 Feb 12
" Licence:     No Warranties. Do whatever you want with this. But please tell me!
" Version:     0.6

扔到google里一搜索就出来了，最新版本0.7哦～快去下载吧～
http://www.vim.org/scripts/script.php?script_id=2150