阳江闸坡游(有真相)

14日下午1点出发,然后经过3个多小时的车程来到阳江市闸坡,阳光海滩,还有海鲜。假日来是很不划算的,房间难找,价格翻倍,今天退房时发现价今天格降了1000!不过没办法啊,平时其他人都上班,只能放假时放放血.Orz

下午5点多出去沙滩,天气很好,美女也很好,海水很咸!有浪,只能玩玩水,最后全部人一起玩了香蕉船,老妈差点没上成船.Orz。一路上每个人都抓得紧紧得,不过他让你下就全得下,最后一个浪来了全部人下水了,不过我还是一直抓着船,而坐前面的童鞋出现在我后面死死抓住我的裤子…好不容易全部爬上船了,到岸,准备跳下船,毫无准备下又一个浪来了,而我明显听到了脖子的“咯咯”声音,今天醒来就发现脖子有点痛了.Orz

这次挺愉快,虽然完得很少,玩水,吃晚饭,睡觉,就到了中午了,再吃个饭,就回府咯。今天是全国哀悼日呢,不宜游玩。

(更多…)

改进版简单的 jQuery 前台评论表单验证

昨天说过要在家里等考试,旅游也去不了,而今天我决定要去旅游,估计周末也不会考试滴~

与之前 简单的 jQuery 前台评论表单验证 不同在于这个代码是当文本框失去焦点时验证,也就是填完一个框到下一个框时就验证,也是很轻量的。

(更多…)

又是一个小郁闷

此郁闷已作废。8.14

难得放假家人一起去玩玩水,我却被“随时准备去考桩试”而去不得,杯具,老爸想我去玩玩的啊,平时缺少交流的父子像我和我爸一般通过其他活动才能多沟通沟通,不像我弟。没办法了,既然这样我就在家里祝他们耍得愉快吧,他们会懂的。不过我心情依然郁闷,啊啊啊~~~好像很多活动都被我这个“学车”占据或者延迟了,所谓一子错满盘皆落索,这个车本该早点学了,现在都大四了.Orz 不过生活有时候就是这样,没有早知和如果的。倒桩练得还可以了,关键在于临场的心情了,毕竟练得再熟练到时紧张了就一切都是个屁了。

简单的 jQuery 前台评论表单验证

WordPress 当然也有表单的验证,不过大家都知道用户体验一点都不好,页面发生跳转,有时还会把表单清空了,而前台表单认证显得非常有必要了。以下是我写的通过改变文本框背景颜色提示用户输入内容,WordPress 只要把以下代码放到 js 文件里就能工作了。验证由点击提交按钮触发,工作原理看注释。

(更多…)

配合使用 Cookie 控制边栏的显示隐藏

发现很多博客都添加了边栏的显示隐藏功能,但是没有保存状态,只要一切换页面边栏又出来的,隐藏功能变得耍帅多于实用。为此我查找了一下 jQuery 的 Cookie 操作教程,使边栏隐藏状态保存到 Cookie ,切换页面照样隐藏,效果就像小博这样。

本来我使用的 jQuery 代码是五木好同志的“完美终结版”,但是使用 cookie 后会出现第一次点击无效的情况,估计是因为他使用的是 toggle 方法,toggle 就是模拟鼠标的连续单击事件,在两种状态下切换,隐藏边栏是第一状态,如果你本来就隐藏了边栏,第一次点击时还是切换到第一状态,其实状态没有改变,出现无效点击的错觉。

(更多…)

利用 SQL 语句修改日志标题

具体情况是这样,某个博客的所有日志都有“[视频]”或“[图片]”这样的前缀,现在想把这些前缀去掉。其实方法非常简单,用替换字符函数即可,将“[视频]”或“[图片]”替换成空字符串,语句:

UPDATE wp_posts SET post_title = REPLACE(post_title, ‘[视频]’,”);
UPDATE wp_posts SET post_title = REPLACE(post_title, ‘[图片]’,”);

然而一时没想替换来,找到了取指定字符数后的所有字符串:

UPDATE wp_posts SET post_title = SUBSTRING(post_title,5);

使用 SQL 语句就省去了很多劳动力呀。

我忍不住了

多次打开添加新文章的页面,然后以同样的次数关闭,我发觉我进入了一个误区,就是为了别人而写博。想当年没有流量的时候什么蛋疼傻逼的东西我都会写一下,然而现在稍微有几个好同志浏览,我就傻逼了,我要拿出月光博客转来的东西背熟,那就是相传已久的“博客为谁而写”,来,跟我一起背:你的博客是为你自己而写,博客作者绝对不应该迎合自己的读者,坚持自己的原则是写作的底线,无论你的博客是出名还是不出名,博客始终都应该是为自己而写的,博客本身就是一个个性化的平台,为了他人而改变自我是一种可悲的事情,如果你的博客连为自己写作的能力都无法达到,那么你的博客就已经死亡了。

言归正传,刚才把硕大的文章尾部广告隐藏了,有点本末倒置的嫌疑,然后在评论框旁边加上了,使用了 ZWW 大叔(我觉得这称呼特亲切,虽然你老大已不小,虽然我是男的而且取向正常…我多次提到 ZWW 是因为他是我心目中的一个牛逼,而且小博用的是他的皮)的唆使读者点击的背景图。广告这东西,对我来说点缀的功能更多些。

PS:蟑螂药投放效果显著,未曾看见蟑螂出没,还发现一只倒在毒药旁,善哉善哉…

化险为夷

就在不久的刚刚,我竟然把主机根目录的文件全部删掉了!说真的,当时我心跳加速了,心想没了没了啥都没了…我让自己冷静下来,因为我是打有准备的仗的。我是想删掉一个新站的文件的,却把另外两个站都搞掉了,包括小博…其他都可以不要,小博不能不要!

我翻看备份的模板文件,8月4日!昨天!好!很好!我太细心了~我太聪明了~折腾几下就把小博弄复活了,这相当于挂主机的演习,当初把图片附件托在其他地方并且及时备份折腾成果成就了这次的胜利,谢谢。

各位同学在搞这搞那前后千万别忘了备份啊。

言归正传

这两天投入到驾校学习中,发觉学车没有之前那么痛苦,只因年轻淫出现了,而且有女生!不再像寒假时的孤零零…博客我觉得已经差不多了,接下来想认真写写日志,折腾就少一点了,各位大牛小牛乳牛继续努力,以后再窃取你们胜利的果实。

我第三次申请 Google Adsense 了,第一次由于少不更事,凑到10美元时被k了,申诉无果;第二次,很快就被k了,估计有了案底;第三次,就是现在了,测试几天看结果…感觉广告给博客增添了不少色彩。广告放到文章底部,而且无耻地设置为访客可见,主要是防止自己误点…Orz…千万别作弊。

这几天参观牛们的博客都得到回复,喔呵呵呵呵,鄙人颇感快慰。

WordPress 二级菜单简易教程

因为想要简洁一点、有逻辑一点,所以把文章分类归到同一个父栏目中,就像你现在看到的一样。每次折腾都有所收获,无容置疑,是的。

其实并不复杂…其实是很简单。因为本淫使用的 3.0 赠送的导航菜单,所以操作非常方便,如果你没用上请马上围观五木的 WordPress 3.0 导航菜单简易添加,不过,手动修改模板也行,结构参看本文末尾~

使用二级菜单很简单,看图:
WordPress二级菜单

只要把需要做成二级栏目的栏目移动到父栏目下方,并向右拖一下,你就成功了,试试看吧,你能行的。最后别忘了保存。

好了,菜单出来的,接下来就要用 CSS 和 jQuery 搞一搞了,这一步很关键,样子问题啊。

(更多…)

万恶的完美主义!

不知道什么时候开始我有了完美主义者的特征:
1、在工作的时候,别人说话或打岔时,注意力会被破坏,并且由此感到愠怒
2、在计划购物时,不想理睬促销的人,而是去找一些你需要的信息然后再作定夺
3、对那些随随便便的人感到非常厌恶,并且暗自批评他们对自己的生活太不负责
4、不停地想,某件事如果换另一种方式,也许更加理想
5、经常对自己或他人感到不满,因而经常挑剔自己所做的任何事或他人所做的任何事
6、经常顾及别人的需求,而放弃自己的需求和机会
7、经常认为干任何事都是全力以赴的,却又常常希望自己能够再轻松些
8、常常心里计划今天该做什么,明天该做什么
9、经常对自己的服装或居室布置感到不满意,而时常变动它们
10、不断地为别人没能一次就把事情做好,而亲自去重做这项工作

以上内容来自百度百科

完美主义的特征在折腾模板上体验得淋漓尽致(各个浏览器显示正常、页面和 CSS 符合 W3C 标准如此等等),就连统计也考虑了很久才使用 Google Analytics ,原因是代码不用插入到 html 标签里面,所以,Monster 代码质量分析可以 0 错误(虚荣),打住!不要再谈这些蛋疼东西了,轻松点。

话说以上10条特征每条都超过80%符合我,我是完美主义者?我是完美主义者!折腾的完美主义者!蛋疼的完美主义者!万恶的完美主义者!我不要做完美主义者…

童鞋,你是蛋疼的完美主义者吗?

PS:谨以此蛋疼文字迎来新的月份。

产品经理与交互设计师的对话——需求是如何变成产品原型的

原文出处:http://fed.renren.com/2010/07/298,一直想了解团队是如何合作的,值得一看。

以下为一字不漏转载:

在一个互联网公司的工作流程中,产品经理(主要指偏向产品设计的产品人员)和交互设计师是这个流水线上最起点的环节,也是关系最暧昧的两个环节。说其暧昧,是因为在很多互联网公司里面,这两个环节所做的事情是有重合的,这就意味着,他们或许也是整个流程中合作最紧密的两个环节。

相对比之下,产品经理更关注的是产品的内部逻辑、操作流程、策略等;而交互设计师更关注的是产品的易用性、流畅度和操作感受。总的来看,似乎可以认为,产品经理是从一个更加宏观的角度去设计产品,而交互设计师,则是从更多的细节出发,去提升用户体验。这两种不同的视角决定了只有产品经理和交互设计师密切配合,深入沟通,才能够最高效最合理的将产品策略转化为产品原型,从而为流水线的后面环节提供精确的参考资料。

下面以人人网广告平台的一些产品和交互细节为例,使用对话的形式来分享一下我个人在做交互设计过程中的一些体会和想法。入门级文章,高手请绕行。

在广告平台其中一个投放系统中,有一个产品需求,是要根据广告受众所在的地区做广告的定向投放。也就是说,可以控制广告只展示给固定地域的受众。这就意味着,需要设计一个「区域选择器」,供用户选择区域。产品经理的原始需求是这样的:

产品经理:“我们这次的投放系统需要设计一个区域选择器,就是让用户选择广告定向投放的区域的。可以精确到城市,可以多选。另外,‘区域’作为一个投放广告的限制条件,如果用户没有选择任何选项,那就代表用户忽略该条件,则该广告会面向全国投放。”

交互设计师:“哦。”

(更多…)

单选、复选、文本框等表单元素与文字水平居中

为了找到真理,原文基于vertical-align的表单元素垂直对齐方式研究不厌其烦地进行测试,此精神值得我们学习。

而结论也非常简单,看真相:

CSS:
label{vertical-align:middle}
.inputcheckbox{vertical-align:middle}
body{font-family:tahoma;font-size:12px}

HTML:
<input class=”inputcheckbox” name=”test” value=”1″ type=”checkbox”>
<label>测试文字x</label>

解决实际问题的就是 CSS。

小站修改汇总

小站使用的是 ZWWzSofa ,显然还能看出一点原来的影子。此模板最大的特点呢,是大家看不到的,那就是 single、archives、index 等页面整合在一个 index 中,或者说是没有 single 和 archives 页,通过判断显示不同的内容。这有什么好处呢?控制体积?作用不太明显,而且对于修改者来说需要更多的理解时间…囧。

基本上使用后就没有停止过修改,期间参考过很多牛人的博客,学习了不少东东,让我回忆回忆做了些什么。

去掉/修改:
1.收窄了;
2.导航使用 WordPress 3.0 的自定义菜单;
3.分类目录页只显示文章标题;
4.使用 Google 自定义搜索引擎;
5.去掉后台模板设置项,自觉很多余;
6.评论部分的 CSS 与其他 CSS 分开,只在有评论的地方调用;
7.去掉 CSS 中大量多余属性,并将部分插件的 CSS 整合到一个文件,然后使用工具压缩、合并;
8.替换原来的分页;
9.评论倒序,输入框搬到评论上方

(更多…)

一日一折腾之 今天特折腾

全世界好像只有我在折腾…习惯了每修改一次就备份一下,然而今天备份次数特别多,5次。认识的人中类似我的还是好像没有的,今天又周期性地感触起来:作为电子商务的学生我很不关心电子商务。

模板就这样好了,不改了,做点别的,找个时间把模板用到的东西总结一下~

如此眷顾 IE6

昨天我用 IE6 (IETester) 浏览某博时发现错位比较严重,我就留言问问博主啦,他说已经无视 IE6 了,浏览另一博客时也看到过“X IE6 及其全家”的话。然而作为有一点完美主义的淫,我还是把模板折腾得一视同仁。

把宽度越调越窄,然后惊现有点印象的 “IE 3px bug” ,就是左边内容 content 和边栏 sidebar 之间出现3px的间隙,所以当我精确计算并设置各部分宽度时,就会多出3px,导致边栏挤到下方,自己折腾了很久,澡也没有洗…我为什么就要这么精确呢,追求完美。最后不行了要 Google 了。网上的方法说加上 overflow:hidden 就能解决,发现我不行此方法无效,很奇怪,还有一些是说得不清不楚看不懂的我就不管了。后来无奈给content 添加了 IE6 hack _margin-right:-3px ,解决问题…

当然,折腾互联网的童鞋都不会用 IE6 ,所以很明显我此次折腾是针对广大不热充于互联网的淫,此博要变得大众。

PS:为了配合域名,博客标题改为 I’m Ygs ,你知道的,依然是 Ygs’ blog

后补日志:珠海梦幻水城一日(有真相)

进行完活动以后写日志是我的例牌活动,但是秉着有图有真相的原则,等我找到真相了才能动手,不过才过去了短短的两天,全身的酸痛还未消去。

首先简略回顾下行程:早上由家里出发到文少家等1小时,然后从文少家出发到曹步市场等半小时,再开车(我乘车)2小时到珠海,然后迷半小时路,吃一小时午饭,海鲜,贵。然后到达水城。

那里还是很好玩的,加上那天天气很好,所以太好了。最厉害的就是我勇敢地滑下了那个21米高很恐怖的滑梯,我觉得我现在充满了力量。然而有一个杯具就是烧鸡同学,好穿不穿,穿了棉裤,两个要滑的活动都不让参与,可惜了一下。还有一个杯就是一开始男女分开了活动,直到最后用广播才能找齐人归家…
(更多…)

WordPress 模板 CSS 默认使用的类

WordPress 默认使用的用来来对图像的对齐和块元素的类:

.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignleft{float:left}
.alignright{float:right}
.wp-caption{background-color:#f3f3f3;border:1px solid #ddd;-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:10px;padding-top:4px;text-align:center}
.wp-caption img{border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

(更多…)

WordPress 更换域名必备 SQL 语句

比如要将旧域名 kwnsn.com 改为 ygs.im ,可以按一下格式对号入座,更换域名就变得非常方便了,可以每天更换不同的域名了~囧

UPDATE kwnsn_options SET option_value = replace( option_value, ‘http://kwnsn.com’, ‘http://ygs.im’ ) WHERE option_name = ‘home’ OR option_name = ‘siteurl’;
UPDATE kwnsn_posts SET post_content = replace( post_content, ‘http://kwnsn.com’, ‘http://ygs.im’ ) ;
UPDATE kwnsn_posts SET guid = replace( guid, ‘http://kwnsn.com’, ‘http://ygs.im’ ) ;

我是为什么

一直想写篇日志,但是好像时间被用在“一直在折腾,从未赶得上”上。我为什么老是说折腾?因为我在忙,但是别人并不懂得我忙什么,所以对外声称在折腾,私下在忙。而所谓的忙只不过是做自己的网站或者帮别人做网站,而我做网站主要是做表面看到的,可以说是前台、前端设计,或者说是模板制作,必要时搞搞后面。

这是一种兴趣爱好和或许也是职业方向,过去试过很多次折腾好了,不久就丢掉了(建站一般三分钟热度),从外表看这次的折腾瞎了,但是我认为结果不太重要,很多时候都是沉浸于折腾的过程中,不吃不睡,废寝忘餐(重复了…),忽略闪动的QQ头像,忘记自己没有女友…而结果是驱动我折腾的动力,折腾让我积累知识。

最近悟出几个字,叫折腾出真知,用以致学,边学边用,或者有点奇怪,但是我觉得就是这样。还有几个字,叫玩物尚志,最初是从手机论坛的刷机包而来的,叫玩物尚志包,简称玩物,手机刷机无疑是世上十大折腾之一。顺便说一下,我也很折腾手机的。

玩这么些日子了,从用 Dreamweaver 做到用文本编辑器一个个字符敲,不知道这是否进步了,自我感觉良好就好。现在的模板是折腾最久的东西了。当然,以自己的意志来做的不会符合大众口味,也没有必要符合吧。这东西并没有完美的,咱要做的就是彰显个性,替别人做是另一回事,所以当某个南瓜嚷嚷的时候我就鄙视他了,你不信?

PS:我要早点睡,虽然现在一点钟了。
PS2:回家6天,4天晚饭在外面吃,也好,折腾后要出去透透气,不然又要写悲剧日志了。
PS3:写给Qzone的你,我的和谐博客是 ygs.im