WebDev

firefox 4.0beta 出来了

ff4比ff3.6.x要快多了,ff3.6有时感觉非常卡,尤其是在用firebug的时。firefox4下载地址,加上Compatibility Reporter这个插件就可以使用大部分的ff3.6下的扩展了。另外最新的是开发预览版,目前是40.b3pre。再推荐个下载管理器扩展,Download Manager Tweak,觉得比Download Statusbar要好用(目前Download Statusbar在FFb2下不能用)。

ff4虽然界面帅了点(像opera),开始使用速度快了点,使用时间长点,还是变得卡那么下(这点还是让人讨厌)。chrome已经成为我常用的浏览器了。ff的一些插件很强大,做开发必不可少,国内大部分使用ff的应该是开发者吧,对于一个普通用户,chrome要比ff容易接受的多。所以与其劝使用ie6的朋友升级ie7/ie8,不如培养他们使用chrome(有几个已经被我劝服,改邪归正了)。

另外,vim7.3beta也出来了。

Tags: chrome , fierfox , vim

全面更新到adobe cs5 系列了

以前CS4的一些小bug现在都没了,还有部分改动更符合用户体验了,很好很强大。

Tags: adobe

开发全屏web操作项目,浏览器全屏的解决

目前为移动开发一个项目,是全触摸屏的,基于web的,当然我的工作只限于前端开发的工作,完成项目首先要解决的就是浏览器全屏展示网页。像移动的自助缴费系统、ATM机等有些应该是这样做的(记得有次还在某个银行看到了win2000的启动界面)

找了下资料,以前的文章应该是通过js打开一个全屏的浏览器窗口的吧,不过那个好像会出现一些问题。

后来才找到了IE的Kiosk Mode全屏模式(Kiosk ModeKiosk Software广泛用于公共电脑或者嵌入系统,如可以上网的公共电话、ATM、机场自助服务系统、网吧管理软件等) ,在ie的快捷方式里面加入“-k”这个参数,就实现了真正的全屏,而非F11(IE下的F11浏览器的菜单和底部的状态栏)还是能看到部分的。

Kiosk模式下的一些快捷键:

Alt + 左箭头:上一页
Alt + 右箭头:下一页
Ctrl + D:加到我的收藏夹
Ctrl + H:开启历史文件夹
Ctrl + B:开启整理收藏夹
Ctrl + L:输入网址,开启新网页
Ctrl + N:开新窗口
Ctrl + R:刷新(或按 F5)
Ctrl + W:关闭目前的窗口(或按 Alt+F4)

该方法只对起始页有效,通过该页弹出的窗口不是全屏幕窗口

还有一个就是chrome浏览器下的F11,这个效果是目前使用过的浏览器里面全屏比较彻底的,但是上面还是有一条黑边,鼠标移上去就好提示按F11退出全屏,所以根据需要最好的就是IE下面的Kiosk模式了,据说是IE5.0+都支持,我用IE8测试是没问题的。

Tags: 全屏

jquery jsonp Ajax 跨域提交数据 (PHP)

最近做了一个ajax提交反馈页,但是由于空间不支持一些基本的函数,所以准备做个跨域提交。

javascript部分:

$("#btn").click(function(k) {
    //...
    var j = form.serializeArray();//序列化name/value
    $.ajax({
        url: "另一个域名/test.php",
        dataType: 'jsonp',
        data: j,
        jsonp: 'jsonp_callback',
        success: function(json) { //返回的json数据
            json = json || {};
            if (json.msg=='err'){
                alert(json.info);
            }else if (json.msg=="ok"){
                alert('提交成功');
            }else{
                alert('提交失败');
            }
        },
        timeout: 3000
    })
    //...
});

php部分:

$jsonp_callback=$_GET['jsonp_callback'];
//...
//如果正确
echo $jsonp_callback,'({"msg":"ok"})';
//如果错误
echo $jsonp_callback,'({"msg":"err","info":"因人品问题,发送失败"})';
//...

值得注意的是采用jsonp 方式,beforeSend / error 都不能用了,所以beforeSend里面用js实现的验证只能用ajax在服务器端test.php上面验证了。

Tags: ajax , jquery

开始使用 html5+css3吧

 XHTML1.0、XHTML1.1的doctype不嫌长吗?虽然XHTML1.1比XHTML1.0的少了几个字母,但html5仅需:<!DOCTYPE html>,喜欢探索的同学应该注意到了淘宝、土豆的首页,都使用了html5的DTD。

html5的编码仅需:<meta charset="utf-8">,html5可以直接<style></style>、<script></script>,不需要加type="text/css"、type="text/javascript"。而且还加入了更语义化的:header、nav、menu、article、aside、details、dialog、footer等,不过为了兼容IE(IE下css里设置html5新增元素的样式无效)目前还是使用div吧。或者是把<!--[if IE]>http://html5shiv.googlecode.com/svn/trunk/html5.js<![endif]-->加入<head>,然后用到的块级元素(section, article, aside, header, footer, nav, dialog, figure)在css加上:display:block也可以。原理就是用js先创建这些元素,然后ie下面就可以应用css的样式了。具体例子可看:http://ejohn.org/blog/html5-shiv/
 
css3的圆角阴影等虽然在兼容上有问题,有些时候部分内容也可以用一下,毕竟新技术是要不断学习的。总要学点啥吧?
 
最近用html5、css3写了一个门户站,感觉优化的极好,结构和兼容性都很满意,很有成就感,哈哈

 

Total: 110Page 1 of 221234567Next ›Last »