Monthly Archives: September 2009
创建可复用的html之form
| September 15, 2009 | Posted by 叶子 under 闲 |
差不多4年前，对当时炒得火热的web2.0很不齿–沸沸扬扬的压根就没什么新技术，如果说ucc(user create content)也算创新的话，那bbs这个应用算啥？至于ajax，那就更不是什么新技术了，微软很早就发明了这个的技术部分。不过今年，我慢慢改变了看法。首先，借着web2.0的大旗或者说东风，出现了一堆接近ucc或者让用户改变了生活习惯的应用。twitter，facebook是当下最火的，前几年的flickr和youtube，last.fom等，国内最火的则是kaixin001了，认识的朋友中就真有半夜起来偷菜的=_=。同时，再现了01年前网络的盛况–免费资源多了很多。我在用的大多是gg的东西，比如reader，picasa，手机版maps，google apps，这些实实在在改变了我的生活习惯。话说，腾讯前几日也开始了免费企业邮箱的内测，谁说免费的多些不是好事呢？并且同时，小额应用收费服务也慢慢变得普遍了，不晓得是不是网络一代开始陆续走上工作岗位的缘故，起码大学毕业的几乎人人会上网这是事实^_^其二，api横行。不记得是哪个站开始的了，或许是flickr开始的？有开发接口，产生了丰富的客户端应用，这多少也算ucc一部分，应该说user create applacation，之后公布api似乎成了不少2.0网站的标配，比如国内的豆瓣，很喜欢他们家的rest api。我最近在用的recaptcha和dnspod也都有api。其三，用户体验。这个这几年上升到了一个全新的高度，甚至是很泛滥成灾了，ajax自然不必说，另外一个改变生活习惯的在第一点里我没说，那就是rss订阅。我的google reader里一堆订阅，甚至每日都要花上半小时来看，比如engadget，cnbeta，爱枣报， 糗事百科等。甚至我的台式机上的imon里，都有天气以及新闻订阅。页面则趋向于简洁，不仅速度更快而且不影响用户浏览。最后说说技术。python，php，ror，这是这几年火爆的2.0标配语言，php继yahoo之后很被发扬光大，ror和python也越来越热。js framework也出现了很多，最有名的算jquery了吧，使用它的站一把。yui则是yahoo开发的一套css，js，html框架。这些标准，多了总归不是坏事。离标题扯远了，回归主题。html的作用不仅仅是用户看到的界面，也要让机器（特别是搜索引擎）阅读起来省时省力，于是慢慢的有了某些默认的标准，比如MicroFormat。尽量使数据和界面分离，这样不仅机器省事，写代码也省事，算可复用吧^_^，这几日在忙用户注册，就说说form复用的小感，先感谢下google，yahoo和microsoft这三大神，参考了他们一些html。先看一组图：google微软yahoo提炼出几个主要的元素：标签、输入框、提示、贴士（提示的补充）、信息（填写正确或者错误的信息）。那么一行表单自然就出来了：label、input、hint、tips、message。给这些加上不同的html，就是label、input/textarea/select、span、p、div。一般label的float为左，text-align为右，margin-right可以加上几个像素，甚至可以:after加上“：”。input的float为左。hint为换行居左，。tips为浮动，默认隐藏，当onfocus时候显示。message这个没固定，微软是在输入框上面，google在输入框下面，yahoo则是本行。个人还是倾向于yahoo的，没有歧义。当然，有复杂的输入框部分，那个input变成一个整div去排版。清爽了吧。附忙了几天的页面对比：最后确认的,简单就是美嘛Tags – passid.net ]]>
passid.net之六：recaptcha on safari
| September 13, 2009 | Posted by 叶子 under 闲 |
recaptcha是一个为了数字化图书而建立的项目，由于目前ocr识别率不高，导致很多老书籍扫描识别有困难，于是出现了recaptcha，给出的验证码是2段，一段是机器混淆，一段是ocr扫描件，如果一个人能把一段识别对，那么另外一段也默认为对，这么来每人贡献一小段，加快老图书的识别过程。选中recaptcha，我的初衷是因为他有语音识别，而且预防机器识别率较好，并且facebook，twitter等都在用，同时算为数字化图书做一份力吧。今天顺利搞好了定制样式，不过浏览时发现了问题：sarari和chrome下，整个段落高度明显高出一行，约16px。调整来调整去没见效果，看js看的头晕。灵机一现，我怎么忘了查看生成之后的dom结构。这一看发现了问题：main和footer之间多出来一个iframe，搜索recaptcha的js，发现了如下：244 if (navigator.userAgent.indexOf(“KHTML”) > 0) {245 var iframe = document.createElement(‘iframe’);246 iframe.src = “about:blank”;247 iframe.style.height = “0px”;248 iframe.style.width = “0px”;249 iframe.style.visibility = “hidden”;250 iframe.style.border = “none”;251 var textNode = document.createTextNode(“This frame…
win7下的ie8 5800下的opear mini
| September 11, 2009 | Posted by 叶子 under 闲 |
前几日使用了sticky footer的css，就是那个著名的底栏居浏览器最下的技术，测试了几日没问题，于是今天把passid的底栏代码调整了下，合并到了同一个ul，算是html代码优化吧。本机发布了下，于是拿不同的浏览器看效果，无意的刷了下ie8，发现了问题：底栏超高了。再次刷新，约30%的几率会出现超高，其余正常。抓狂=_=这个才是正常的开始以为是footer超高，加上边框看下效果，发现没有。那么可能就是主体部分padding可能计算出错咯。于是一步步恢复，同时多次刷新测试。差不多恢复到一半，依旧这样的现象。难道我的xhtml格式错了么，于是右键查看源代码，这一看就发现了问题，我去掉了，这个是让ie8运行ie7的兼容模式，恢复到最后，加上再次刷新：这次正常了。再测试，我用的dtd是xhtml1-strict，去掉EmulateIE7，去掉dtd，正常。仔细看css，发现里面我强行限制了上下滚动条，去掉EmulateIE7，加上dtd，去掉上下滚动条，也正常。于是加上保留上下滚动条，加上左右滚动条，这次也正常。去掉dtd是quirks模式，这个不谈。合计如下（IE8）：看起来结果很好，其实1勉强能接受，让ie8模拟ie7，2错，3是quirks模式，4是没有了上下滚动条，内容不足时候比较光秃秃的，之后只剩下5，缺陷就是overflow-x和y不是标准css。总结就是：body宽高度100%时候，ie8强制上下滚动时候，左右滚动条可能也会出现导致位置错，ie7则无这个问题。权衡之下，选了4。这个正常后就拿5800自带的看，5800自带的浏览器是Mozilla/5.0+(SymbianOS/9.4;+U;+Series60/5.0+Nokia5800d-1/21.0.101;+Profile/MIDP-2.1+Configuration/CLDC-1.1+)+AppleWebKit/413+(KHTML,+like+Gecko)+Safari/413，正常。想起来还有个opera mini，得，这下完全变形了。搜了下相关资料，发现opera mini不是一个兼容大多pc浏览器的，而纯粹算个手持设备的专用版本，看来短期内想和pc版兼容无望了。这么说来，还是ipod touch上的safari更招人喜欢些。Tags – passid.net ]]>
passid.net之五：avatar
| September 6, 2009 | Posted by 叶子 under 闲 |
avatar源自印度梵语，本意是指”分身、化身”。网络时代，这个词的意思是用户的虚拟形象–头像，可以是卡通，可以是真人照片，可以是自己喜欢的任何图片。目前用的较多的是gravatar，也就是Globally Recognized Avatars，提供免费头像托管的网站。头像路径是根据email进行md5后生成，既防止了email泄露，又保证了唯一。为了避免passid用户再上传一次头像和减少passid的存储，准备耦合gravatar的服务，即passid本身不提供avatar托管，而直接使用gravatar。感谢gravatar。Tags – passid.net ]]>
passid.net之四：域名以及dns
| September 5, 2009 | Posted by 叶子 under 闲 |
鉴于qq.cn以及一位数cn，以及tgbus等域名的神奇，我选择了在国外注册域名，不是我想做违法的事，只是多一事不如少一事。想当初，自己的blog也是禁不住三天两头的机房被检查而搬出去，已经3年了。算算信誉度，可靠性，价格等，我选择了在godaddy注册。其实godaddy的dns解析速度很快，还算稳定，价格也可以，但是综合了下速度和可靠性，我选了dnspod这个国内的免费dns解析商，毕竟背靠大树好乘凉，那一票国内站就是保证。虽然有前暴风影音的事迹，但我对他还是很有自信的。感谢dnspod。Tags – passid.net ]]>
passid.net之三：密码
| September 4, 2009 | Posted by 叶子 under 闲 |
其实我没觉得这个是什么问题，因为无论怎么加密，拿到了cookies都是可以欺骗的，我能做的就是修改密码时候，再验证一次之前的密码。不过怎么防止根据加密后的密码逆推，还是需要考究下的。md5和sha1是比较常用的，虽然md5有碰撞，但那还是很小的几率。md5现在的字典很多，有网站存了上tb的密码表，基本把11位下的数字和字母一网打尽（这么宣称，实际还没测试过）所以一般用户的密码，一次md5是不够的（强度不够），2次的话觉得运算太繁琐，所以考虑固定salt加上用户名还有密码以及timestamp，合起来去md5，满足了强度问题。存储么，可以考虑去掉某些位来减少数据库大小。ps：passid.net是不存用户名和密码在cookies中的，^_^Tags – passid.net ]]>
passid.net之二：账号
| September 3, 2009 | Posted by 叶子 under 闲 |
记得00年刚上网时候喜欢混迹各个bbs，于是抢的自己喜欢的用户名成了难事–谁让自己上网晚，最后只得改了个独立独行的名，基本才能在各个bbs上畅通无阻。当然，后果也很好，在搜索引擎上搜这个用户名，找出来的都是我=_=一点隐私都没了–人肉搜索就是这样来的。所以你不想让他人知道的站(比如H站之类)，千万别用自己常用的用户名，要么死惨。QQ号也是独一无二的东西，抢一个自己喜欢的真的很难，我现在用的，还是03年从小竹手上抢来的6位号，我自己00年注册的，早已是8位了。应该是从hotmail和msn messenger开始吧（这个有待考证），流行email作为账号，后来的google更是如此。email是一般网民不可缺失的常用物之一，基本都能背下来自己常用的，这是减少记忆量的方法。其二，之前用英文或者中文作为用户名，找回密码时候需要根据密码遗忘问题填写答案，根据我的小范围朋友圈调查，这个东西基本不会有人记得答案，就算是qq的，都极少有人记得。因为很多人怕泄露隐私，填写的答案和问题，一般来说不是全能对上，而email则避免了这个问题–当然失败之处就是万一email密码也忘了，那就：（根据测试结果，google account的email最长140字节(70*2?)，passport的email是113（很奇怪的数字），我本来推测是135(64用户名+ 1@ +63域名+7域名tld)字节，综合下取大不取小，走google account的140字节。可靠性第二的是手机号，不过这个一方面因为网关维护成本高昂，另外手机号更关乎隐私，所以暂时不考虑。第三就是后来异军突起的openid。这个无须我多介绍了，其实和email一样是方便记忆，他的用户中心是分布式，而微软的passport（live account）和google account是集中式。综合了下，email第一做，openid第二，手机暂时不考虑。至于用户名则放弃，但是会有一个nickname的昵称，作为半推荐的用户名（但是和登录无关）。openid暂且不表（其实我才看了个框架，细节还不了解），email就颇费工夫。服务器上自己架设smtp，容易被当spam，而免费邮箱支持smtp的不是那么多，况且要考虑企业邮箱，可选范围更少。综合了下，只有google apps中提供的gmail，比较完美的能支持。之前我在nokia 5800xm上设置过收发，都很顺利。唯一的缺陷，大概就是容易被gfw了。不过不管，先测试测试。选Standard注册，开通邮箱，写测试代码，收发正常。忘了还有一个担心的，不晓得他对每天发出的email有限制不，不过我肯定要限制下针对每个email每天发出的次数，免得被对方邮局当spam。感谢google。Tags – passid.net ]]>
passid.net之一：项目启动
| September 2, 2009 | Posted by 叶子 under 闲 |
一晃域名注册一年半了，站只是开了个头，自己的东西就是太追求百分百完美，搞得屡次推翻之前的想法，这么下去再等10年也出不来个beta啊，想想还是努力成为beta先。passid，顾名思义，pass（通过）+ id（账户），结合起来就是通行证。至于注册net，那是因为com早没了，而且net有network的意思。其实我更中意的域名去email问过，开价**k，单位$，遂暂时断了这个想法，先用着吧。为什么从通行证先做起？自己和几个朋友的小站，都需要注册使用，所以想想还是独立做一个sso，起码先方便自己使用。所用的东西：c#3.5，vs2008，mssql2008，js，css，xhtml。今天，第一个完全自己搞的站，passid.net开工！先感谢下微软和w3c。Tags – passid.net ]]>
开4核失败
| September 1, 2009 | Posted by 叶子 under 闲 |
周四下单，周六上午送到的，技嘉ma785gpmt-ud2h，cpu是amd x2 550，内存g.skill ddr3 1600 2G*2，进主板设置acc hybrid，auto，跟着重启黑屏，接着自动关机，再重新开机也是黑屏，只能清bois才能再次进系统。看来我这颗550体质太弱，生产周期是0924fpmw，尝试过加压等，均失败。懒得也没超频，换了win7 rtm中文版，分数上了些。顺便备注下picasaweb不能访问的办法，修改hosts文件，添加如下就可以了(baidu不少结果里 ip是错的=.=)：#picasaweb.google.com74.125.91.104
Transformers之bumblebee
| September 1, 2009 | Posted by 叶子 under 闲 |
Michael Bay07年和今年暑期的2部Transformers，不能算多好看，但是勾起了很多人小时候的怀念。我下的第一部1080P高清电影，就是07年的第一部Transformers。 今天在newegg买硅脂，看见bumblebee特价，算是弥补下小时候的遗憾，抢了一个回来。先上图： 物品.Transformers(2009-09-01) 看了下，编号上有2007字样，不晓得是否是07年生产。有意思的是，只要探测到外部音乐或者链接音频线，他就会动。耗4个5号电池，动作有限（毕竟不到100块嘛），只能扭腰，摇头，摇车窗，LED变色，暂时还没摸到动的规律，我先喂了他一个小时的Disco^_^缺陷么，手不会跟着动，只能认给他手的姿势，脚是固定死的（我猜是为了平衡），做工很一般，底座上居然已经被我磨掉一点了，汗一把，好在和电影里的很像（当然细节差远了），当个小摆设也不错。Tags – transformers , bumblebee ]]>
Recent Comments