Focus on Me

Hello there~

I just can’t help complaining about this, although it doesn’t cause any usability problems. Now look at the picture shown below:

Mismatch between anchor focus and visual element boundary.
Mismatch between anchor focus and visual element boundary.

I think that’s enough for a web developer to realize what’s the problem and how does it happen, the bounding box of <a> is not of the same size of it’s parent <li>, whose background is actual image of a button that user would like to click.

All I want to do is apply following CSS style to <a>: ‘padding: 0; height: 100%’.

Now it looks better, at least in Chrome 40 and IE 11 on Windows 8.1…

Display Problem on Google Cloud Console

Sometimes, even a single line of CSS may collapse the whole world (not really)~

It’s about a month or two since I found this problem and reported it to Google. But it seems that they are too busy to take a look. Although it’s not a functional problem, I still feel uncomfortable with it. So let’s check out what was that and how to fix it~

First, you should have a web browser … ok, go to https://cloud.google.com/console and sign in with your Google Account if you have one.

Fire ‘Account settings’ from the left sidebar.

See the checkbox of the Email settings? That’s our big star today!

Google Cloud Console Account Settings
First glance at Account settings page of Google Cloud Console

If you read my Gmail from the picture above, feel free to contact me~

Now it’s a little bit tricky, your attentions please~ Un-maximize your browser or try to adjust it’s height till you see a scrollbar on the right side. Then all you have to do is … yes, scroll down, and tell me if you see the same thing below.

Display Problem of Google Cloud Console Account Settings
Display Problem of Google Cloud Console Account Settings

Aha, the checkbox alone stay like a ‘position: fixed;’ while the page scrolled down.

Now, if you are using a modern desktop web browser like Chrome, you can right click on that checkbox and ‘Inspect Element’ as you always do.

Inspecting Element on Checkbox
Inspecting Element on Checkbox

As you can see in the image above, the direct ancestor of <input type=”checkbox” />, the <div class=”checkbox” /> has a ‘position: absolute;’ set.

And my solution is: add a single line ‘position: relative;’ to the parent of that div, see screen shot below.

Modifying CSS on <div class="emailsetting" />
Modifying CSS on <div class=”emailsetting” /div>

How dare you Google guys made such a mistake …

That’s all folks!

Play with Yogi

Before I can contribute to YUI3, I did all the 3 steps described in Developer Workflow · yui/yui3 Wiki. And I thought it should be as straightforward as this line of doc said to build and test a YUI module in just 2 commands.

Then it turned out that I’m not the lucky 32bit Windows XP user even after I manually installed phantomjs and grover using ‘npm -g install’.

Image

The error message is something like this:

events.js:72

throw er; // Unhandled ‘error’ event

^

Error: spawn ENOENT

at errnoException (child_process.js:980:11)

at Process.ChildProcess._handle.onexit (child_process.js:771:34)

If you don’t want to give it up and try ‘yogi test’ again, it will be more friendly:

Please install the phantomjs binary in your path!

So the last hint I’ve got and can provide to you is, append the path where phantomjs.exe lives (“C:\Documents and Settings\<user>\Application Data\npm\node_modules\phantomjs\lib\phantom” but substitute <user> with your own Windows User name) into your PATH environment variable and launch a new cmd … time to watch the miracle~

Image

保护盾2.0

相信很多人遇到了那个问题,就像昨天才收到的那封邮件里说的:

尊敬的Windows Live Messenger用户,

今天(2月日),有用户反应Windows Live Messenger 无法正常启动的问题。经过调查,该问题是由于部分用户安装的保护盾.0在更新系统文件时出现了故障,引起Messenger程序不能正常启动。

目前,这一个问题已经得到了修复。请访问http://help.msn.cn/kb/kb110038.html 网址,下载修复工具即可。我们对给您造成的不便,深表歉意。

-微软MSN客服

左括号半角,右括号全角,显得行文仓促,大概是对用户的遭遇过度关切。不过,日子和保护盾版本都留空,是想强调“二”呢,还是“不二”呢……

我早先在 XP SP3 上遇到了该问题,但并不像这 KB 文章中说的有提示。当时只注意到有 messenger 的进程,同时也有 华生 那进程,于是去 Dr. Watson 的转储文件(C:Documents and SettingsAll UsersApplication DataMicrosoftDr Watsondrwtsn32.log)里看了看,在文件末尾发现了一 DLL 文件名(C:Program FilesWindows LiveMessengerMSNEncryptM.dll),搜了一下,发现那是保护盾的文件,而且早已开始困扰用户……卸载之~

事后想想,还是保护盾2.0保护得彻底,让我们安心,让家长放心!

2009年就这样过去了

  翻看今年的博文,发现前半年还能保证每个月都有闯作,后半年就不知道干嘛去了……哦对了,后半年单位来新人了,心思就不在闯作上了……
  工作就不总结了,都白纸黑字上交了。说说生活中的事儿,想起什么是什么~
  根据计划攒了新主机,并安装了以下(盗版)游戏:
Area 51
Ballance
Call of Duty(R) 4 – Modern Warfare(TM)
Call of Duty(R) – World at War(TM)
Modern Warfare 2
Crysis
Crysis WARHEAD
Delta Force Black Hawk Down
Delta Force Xtreme
F.E.A.R.
F.E.A.R. Extraction Point
F.E.A.R. Perseus Mandate
F.E.A.R.2 Project Origin
F.E.A.R.2 Reborn
Halo
Need for Speed Underground 2
Need for Speed™ Undercover
Need for Speed™ SHIFT
Prototype(TM)
Sacred 2 – Fallen Angel
Silent Hill 2
SILENT HILL 3
Silent Hill 4
Torchlight
Wolfenstein
World in Conflict
  我坚信上述游戏中的绝大部分都不可能买到正版,不是贵一点儿贱一点儿之类的小问题,是和谐社会安定团结的大问题!
  .NET 都 4.0 了,我还在用 2.0 开发桌面应用程序,不过好歹培养出来的是能抓住耗子的好猫~ 要好好学学 SVN,一个人的开发也不能马虎!
  与美女共进晚餐 0.5 人次/月,明年要在数量上有所突破!
  江湖夜雨的书看了好几本了,更加迷恋古诗,但闯作就不行了,尤其在发现以前写的“歪诗是个什么玩意儿”之后……
  被悦然的激情感染,参加了兴趣小组 IG 及其前身的几次活动。悦然他是一步步坚实地向前迈进着,相形之下,自己依旧四顾茫然……还是要钻钻技术的,要不然真的一无是处了……
  想到哪儿写到哪儿,瞎写,好些事儿都给忘了,明年不能这样了……
  愿本空间仅有的几位读者朋友们新年进步,健康快乐~
 

“酷乐”的诞生(二)

获得完整阅读体验,找补阅读《“酷乐”的诞生(一)》

貌似本系列文章的直接目标读者对此没什么兴趣,倒是勾起了大鹏和雪兔的重重心事……既然是(二)就说点儿琐事和二事儿……

由于购买途径不同,上篇文章中提到的配件们是先后到达我这手工作坊的。第一件事儿是验明正身,好在都没出什么纰漏;然后就是先来的等后到的,开始组建温馨和睦的大家庭~

攒机这是头一回,不过拆机器还是干过的,自家那上世纪末买的品牌机就被我折腾过不少回。转眼十年过去了,好些接口都有了发展和变化,不变的是都有贴心的防错机制。按照我的习惯,购买之前就已经去各个官方网站下载了说明书研读(推荐大家也这么做,在购买评估阶段就会有帮助~),拿到手以后更是三下五……二没给除去,犯了回傻……

问题就出在我自身知识的极端匮乏和对防错机制的过度信任了……主板上有个大四针的电源接口,标示着“PWR_FAN”,那就理解成电源的风扇吧?电源里是有个大风扇呢,还伸出个大四针头儿,能插主板上,刚刚好~ 好什么呀,完事儿机器根本点不亮!我一下儿就慌了(咱不来那临危不惧高大全),震惊之后镇静了一下,再仔细看电源的说明书,人那是三寸软驱的电源头儿……我汗……对哦,电源自带的风扇何必接到主板上,哪会需要主板供电呢,那个应该是另外购置的风扇用的吧……拔下来以后就一切正常了,我们家宝贝儿终于张开双眼(老15寸CRT亮了),展开双臂(侧板没上呢),撒欢儿似地跑了起来~(等一下,这是要散架啊?)

对了,主板和机箱都没带蜂鸣器,万一出了错不得(dei3)听个密电码啊?村儿里买机箱的时候跟店主人要了两个来耍~ 时代真的不同了,当年机箱里的喇叭真的是圆形的喇叭,现在缩成小塑料块儿了……

还有,背线不是那么好走的……到了(liao3)也只有 CPU 辅助供电的那四针口能从背板的洞里掏过去,厂家倒是节约材料了……

压根儿没打算 RAID,所以没开主板的 AHCI 就装 XP 了,等到需要使用 eSATA 接口的时候自然傻眼了……还是广大劳动人民智慧无穷,Google 了一下就找到了解决办法,解开 Intel IMSM 的安装包,手动装一下 AHCI 驱动就行了~

下篇就到重点了,推荐下(不一定)有用和(不那么)好用的小工具软件们~

“酷乐”的诞生(一)

老早就应许二丫老师交流下新攒电脑的技巧心得,一直未遂。因白某素来懒惰,已致多篇博文早夭。今发奋作此篇纯系这篇博文一语成谶,令白某汗颜……

二话不说,先上配置单(还得说一句,这是09年3月份干的事儿):

配件 品牌型号 节能环保特性 购买方式 成交价格
CPU 英特尔 酷睿2 双核 E7400(盒装) 45 纳米 B2C ¥869.00
主板 技嘉 GA-EP43-DS3L 动态节能技术 B2C ¥649.00
内存 金士顿 KVR800D2N6/2G × 2 绿色矮版 B2C ¥258.00
硬盘 西部数据 Carviar 绿色 WD10EADS 多项节能技术 C2C ¥717.00
显卡 蓝宝石 HD4850 白金II代 512MB GDDR3 PCI-E B2C ¥899.00
机箱 酷冷至尊 开拓者(RC-P100-KKN1-GP) RoHS 店面 ¥425.00
电源 酷冷至尊 天尊460W(RS-460-ASAA-D3) 80 PLUS 铜牌 店面 ¥625.00

(B2C 是网上商城,C2C 是淘宝,店面是村儿里的)由上表可见,本次攒机的主旨是“节能环保”(为买贵了找借口),同时注重一定性能和可扩展性(04年以来积攒的 FPS 游戏得能玩儿,将来还得多挂硬盘)。

虽说白某也是计算机专业科班出身,但之前(现在也是)对于硬件规格及市场现状完全没有概念。于是,决定攒机的一两个月都用来恶补各方面知识,就当是给自己上一堂《家用微型机主流硬件概述》课吧……

说起来,要请(甭管是买囫囵个儿的还是散件儿攒,都要虔诚~)个新电脑回家,最重要的还是知道自己想要什么(就像官人得知道娘子想要什么)。我在自学中就被“节能环保”这个噱头给吸引住了,怎奈这个概念在某些配件上是方兴未艾,选择余地不多,不过我相信这哎是一趋势~

乍一看,节能和性能简直是一对冤家:机器全速跑我还嫌她慢呢,你让她悠着点儿来?不是不是,我们换个说法,就是说尽量让我花的每个字儿的电钱都更多地用在正道儿上,而不是空转不干活儿,而不是变成多余的热量……功耗要减少,效率要上去~

环保的话,个人感觉矮版内存是个思路。这玩意儿污染环境,可还得用,那就减少点儿用量,缩小点儿面积,能少污染点儿是点儿……国内回收处理的工作不知道进展如何,别再进洋垃圾了~

关于各种配件的具体节能环保特性,网上都有蛮大篇幅的报道,恕不赘述~

对了,“酷乐”是我给新机器她现起的中文名,她的英文名字是 Cooler~

获得完整阅读体验,继续阅读《“酷乐”的诞生(二)》

Yet another WordPress.com site