页面载入中..

回到页首回到页尾

Chrome 降级

interjc [Tools,Web]

2011.09.28

最新版的Chrome Dev 16.0.891.0 谁用谁知道(此版本浏览中文时字体会断开,看文本基本处于盲人摸象的状态),所以作为一个中文用户只有对其降级了,坑爹的是,通过正常方式卸载以后竟然提示已有最新的版本所以不能安装。 最后搜到一个好办法,如下: 打开windows注册表 找到HKEY_CURRENT_USER\Software\Google\Update\Clients\{8A69D345-D564-463c-AFF1-A69D9E530F96},删除{8A69D345-D564-463c-AFF1-A69D9E530F96} 中有安装的chrome版本信息。删除后就能正常安装了。 删除掉这个键值以后,再安装时Chrome的安装程序就会认为你从未安装过此软件了。 PS:虽说 Chrome 是我最喜爱的浏览器,话说没有 Chrome 我都不知道如何上网了,但是 Chrome 的安装/卸载程序却一直很坑爹,从未被超越,希望有那么一天能得到改善吧(是要到 30.0 的时候吗?!)。


图片预读

interjc [Web]

2011.04.01

尽管我们可以使用CSS Sprites等各种CSS手段来避免页面交互时图片加载延时的问题,但有些情况下依然需要使用JS脚本的手段来实现图片预读。 以下是基于jQuery实现图片预读的方法(用jQuery只是为了方便,你也可以使用原生js或者其他类库),以下代码请放入js文件中或者 <script/>块里(事先请保证已加载jQuery类库): function imagePreload(images){ var arr = [’<div style="display:none;">’]; $.each(images, function(i, data){ arr.push(’<img src="’+ data +’" />’); }); arr.push(’</div>’); $(’body’).append(arr.join(”)); } 调用的时候,使用以下代码: var preloadImages = [], preloadDir = ‘./img/’; //preloadDir为图片文件所在的路径 preloadImages.push(preloadDir + ‘a.jpg’); //这里的每一行添加一张图片,请自行修改图片文件名 preloadImages.push(preloadDir + ‘b.jpg’); preloadImages.push(preloadDir + ‘c.jpg’); imagePreload(preloadImages); //调用之前写的preload方法 如果不喜欢使用jQuery,那么可以将这个方法改写为: function imagePreload(images){ var arr = [], elm = document.createElement(’div’); for(var [...]


用DD_belatedPNG插件修复IE6 PNG

interjc [code,Web]

2010.07.10

IE6是一个令人作呕的话题,个人极为厌恶IE6,并且恨屋及乌,不过没有办法,中国就是这么一个神奇的国度,到了2010年仍然有不少人以使用“简单、快捷”的IE6为荣,不知道浏览器为何物的也更加不提了,而这种人往往又是互联网中广告点击的生力军,消费能力强,所以你必须照顾到他们的感受。 我对IE6恨之入骨的重要原因之一,恐怕就是对PNG各种半透明的支持情况了。我们在其他浏览器可以轻松实现的图片半透明效果,到了IE6这儿就得纠结蹉跎,虽然IE6勉强的支持PNG-8格式的伪半透明,但这个和GIF图片的效果相差并不大,如果你使用PNG-32的话,你所有的半透明区域都会变成灰底。 网上有不少IE6上实现PNG半透明的工具,各有千秋,大多数使用了IE的一个滤镜:AlphaImageLoader,使用后会有各种诸如问题(比如background-position和background-repeat属性支持的不完善,有些还会擅自更改背景图片的尺寸)。DD_belatedPNG提供了一种新的选择,他使用微软的VML语言对PNG图片进行重新绘制,以达到半透明的效果,并且能支持background-position和background-repeat属性。 查看Demo | 打包下载 其使用方法也不难,先在此下载DD_belatedPNG ,然后插入head标签中: <!–[if IE 6]> <script type="text/javascript" src="DD_belatedPNG_0.0.8a-min.js"></script> <script type="text/javascript"> DD_belatedPNG.fix(’.png’); </script> <![endif]–> 将所有需要需要修补的元素加上class=”png”即可 PS:对于:focus和:hover伪类,则需要将以上代码中的 : DD_belatedPNG.fix(‘.png’); 修改为 : DD_belatedPNG.fix(‘.png,a.png:hover,.png:focus’); BTW:虽然这样可以缓解IE6下PNG的问题,不过会带来性能问题,还有一些其他的问题,自然是不如对png半透明有原生支持的浏览器的。所以,赶快让该死的IE6下地狱吧。阿门!


一个最简单的基于PHP+jQuery的AJAX例子

interjc [Web]

2010.04.25

说在前面:本文只作为一个笔记留存用以达到语言重用的效果,可能对于很多大虾过于入门级,请直接无视。 基本上一说起ajax,大家都感觉到比较神秘,我以前也是这样,总觉得这个和荷兰一家足球俱乐部同名的玩意儿是个高深莫测的东西。其实ajax之所以看上去那么蛋疼主要是为了解决各浏览器对js的兼容性问题而写了太多的代码,以至于一看见就头昏。强大简易的jquery扭转了这个局面。 首先说下个人对ajax的简单理解:html、css、js(jQuery等)是给浏览器看的,PHP是给服务器看的,js可以和php对话,而php可以生成html、css和js,以前我们浏览网页的时候,总是通过操作html,通过php告诉服务器我们需要什么内容,然后服务器会在一个新的页面将你请求的信息展示给你;而ajax,即是我们操作html时告诉js,然后js告诉php,php得到命令以后到服务器去取了你要的信息交给js,js再将此信息展示给你。这么看来ajax貌似更复杂一点,但是他带来几个好处:1. 你不需要进入一个新的页面就可以看到你所请求的信息;2.php只需要提取出产生了变化的有限信息即可,减少了重复。 简单扼要的说就是ajax模拟了提交表单的行为,但是把刷新页面这件事交由js在后台偷偷完成了。


Wdorpress 模板:ShadowBlue 0.5 Beta

interjc [Web]

2010.03.18

Shadowblue这模板发布也有一段时间了,正式发文也就是0.1 alpha 的时候,其后陆陆续续修改了一些小BUG,更新到了 0.3 。过年期间到现在一直很忙,所以一直没有什么大的更新,这两天抽空添了点儿内容,升级到 0.5 Beta ,也算是一个迟到的新年礼物吧。 Shadowblue 0.5 beta 在外观上和前面的版本没有什么太大的不同,就是增加了一个后台,可以用来控制顶部广告位、社会化链接显示的内容,切换内容部导航栏分类与标签的选项,也增加了一个底栏的开关(因为我发现有很多朋友不大喜欢底栏)。本人实属懒人,十分能理解懒人们的疾苦,有了后台朋友们就不用去改代码了。 目前后台可控的项目不多,本人会逐步改进并即时更新到 SVN 中并在Demo中体现出来,有稳定版本也会直接升级到下载地址,如果您喜欢这个主题,请关注开发页面,欢迎提供各种意见和建议,我会在后续版本中改进,谢谢! 下载请移步开发页面


将域名解析更换到 DNS Pod

interjc [Harmony,Web]

2010.03.14

前段时间,确切的说是2010.3.8至2010.3.9这两天,本Blog第一次遭遇了DNS不解析事件。由于本人域名是2006年在国内一家域名服务商买的,而且所有人是个英文名,并且没法改,更没法顺利出国只能这么窝着了,而且近期被整治的都是 .cn 域名,所以一直抱着侥幸心理。不料那天打开自己网站时就郁闷了,该页无法访问,首先想到的是跨海过去看看,是否因为被墙,发现一样打不开;然后怀疑是服务器故障,但自己在该空间放置的另一个域名一切正常。这就是域名的问题了,ping了一下,根本不解析,上域名服务商的后台一看,没有特别提示,看上去正常。 出国无门,在家被狗咬,于是乎我想起了DNSPod。头次听说他还得追述到那个暴风影音的乌龙事件,知道了这么一家是做相关业务的,虽是国内公司,但应该稍微阳光一点吧。于是乎,注册之,上到域名服务商的后台,修改DNS Server,回DNSPod设置自己的域名信息,睡觉,第二天再看就发现网站恢复正常了。


Google Buzz

interjc [Web]

2010.02.11

千呼万唤死出来,昨天鼓搞半天发现一次邮件没发过的小号开通了Google Buzz以后小号却没有,今天一打开电脑以后就有了。 用Gmail的同学应该不少,现在照说大家基本上都开通了这个了吧,所以他能干什么我就不多说了,基本上就是个和Google Wave类似却没有那么卡,和Twitter类似但资讯来路更广一点的东西,感觉挺像Google Reader上的社交功能纯粹版。最重要的是,这是Google出品的东西。 由于这个玩意儿上说话太过方便,又没有字数限制,信息公布页面也可以匿名观看,实在是不和谐言论的温床,不知道何时何地何种原因就会被维护掉,所以今朝有酒今朝醉吧。 基本用法是这样,首先找到你自己的Google Profile页面发给别人,别人就可以看见你的页面以及决定是不是要Follow你了(无论你是否已经开通了Buzz),比如我的Buzz就在 https://www.google.com/profiles/interjc ,那你自己的页面在哪呢? 请输入 https://www.google.com/profiles/me 。其实现在这个服务已经有一点点即将被维护掉的迹象了,所以网址什么的 http 就加个 s 吧。 有了这么个玩意儿好多人第一想法就是嵌入到自己博客里面,其实这个很简单,基本可以看这里,现在这个BUZZ就是输出一个ATOM文件,你在wp主题小工具那边添加一个feed栏目,地址填为 http://buzz.googleapis.com/feeds/{user}/public/posted ,其中{user} 就是你在浏览器地址栏输入 https://www.google.com/profiles/me 回车以后 me 变成的那一串东西。 如果你不喜欢放在侧边栏,可以参考Wordpress的fetch_feed函数 , 然后你就可以把你的Buzz信息以你喜欢的形式用在你Blog的任何地方了。当然为了我自己blog服务器的安全,我就不弄了。 更多Tips:http://twurl.nl/rlqeex 说了这么多不知道对你有没有什么帮助,趁没有被墙大家赶快来玩吧! 欢迎Follow me via Buzz :https://www.google.com/profiles/interjc


Shadow Blue 0.1 Alpha

interjc [Web]

2010.01.20

这是一个Wordpress模板,点此预览 1. 主题内已嵌入了最新的jQuery 1.4,如果你使用的插件也使用jQuery,请禁用其所内置的jQuery库载入 ,并已修正多库共存的兼容性问题; 2. 在文章自定义域,添加名称为 avatar 的域,值为需要显示的图片地址,可以自定义文章 avatar ,否则默认显示作者的 avatar ; 3. 暂不支持Ajax提交评论,不过可以很好的通过插件 WordPress Thread Comment 来很好的实现该功能; 4. Widget Ready, 后台主题小工具中可以设置4个widget bar,1~4 的widget bar 分别控制 右侧,下左,下中 和 下右 的Widget bar; 模板文件夹内的AD文件夹内的 ad_468_60.php 文件可以自行编辑, 添加规格为 468×60 像素 大小的广告代码: <div class="ad-in"> 在此处粘贴你的广告代码,或者任何大小为468×60的页面元素 </div> 5. 主题不断更新中,推荐使用SVN升级主题 ….. 感兴趣的请移步本模板开发页面,谢谢。


jQuery 1.4 Released

interjc [Tools,Web]

2010.01.15

这几天还在为Google的走留问题闹心的时候,就听到了这么一个好消息,jQuery总算是1.4了,还是released。 jQuery是我最喜欢的一个js库,用起来简洁明了,感觉很爷们,什么都整合在一起,不像Mootools随便实现个什么效果还得去下这个那个文件一大堆把人都搞昏头了,对于我们这种小网站也没有什么太大的性能需求,jQuery就刚好。 到底更新了什么 我还没看,不知道更新了什么东西,不过应该修复了不少bug做了很多改进吧,先给自己的主题换上再说。


为你的评论框增加Ctrl+Enter提交功能

interjc [Web]

2010.01.07

写完评论之后不能按Ctrl+回车提交,非要拿鼠标点一下,实在是痛苦的事情,不知道打消了多少懒人留言的积极性。 想给你的评论框添加这个功能么,那么就开始吧: 打开主题中comments.php文件,按Ctrl+F搜索“textarea”,然后在他的后面加上以下代码: onkeydown="if(event.ctrlKey&amp;&amp;event.keyCode==13) {document.getElementById(‘submit’).click();return false};" 大概改完以后就是这么个样子: 保存提交,然后就有这个功能了,经我自己测试了,基本上市面上的浏览器都可以很好的支持,爽吗? Have fun !