网站体验之快捷键使用

研究网站的易用性和无障碍阅读是需要一直关注的事情.

今天就实践了一把 网站快捷键 的使用.
马上按 Alt + 0 尝试一下吧;
以下是经验分享:
一般来说,在适用于Windows 系统的浏览器里,快捷键的用法是在键盘上同时按下Alt键和特定按键;
在适用于Mac 系统的浏览器里,快捷键的用法是同时按下Ctrl和特定按键.(摘自JavaScript DOM编程艺术 第2版 )
如何添加快捷键:
网页html 中加入这段代码就可以了:

[……]

阅读更多

网易126邮箱163邮箱解封web pop代收信.

今日才发现原来用QQ邮箱代收网易126邮箱居然又能正常代收邮件了.

看来网易玩的这个曲线救国不成功,刚开始还可以,大家都要处理邮件流量猛涨,但大家发现如此作恶的邮箱服务,也就都逐渐淡化126邮箱的使用频率,尽量外撤.

网易总算是刷阴招了.悲剧,形象已坏啊.

image

近期发现QQ邮箱大约 要两周才能[……]

阅读更多

MyFax 免费网络传真

MyFax是美国老牌网络传真服务商,提供可以免费发往包括中国、香港、台湾在内的41个国家地区的传真,让你发传真就好像发邮件附件一样简单。无需注册即可使用,发完传真需要邮件确认才能成功发送出去,之后发送成功与否会有邮件回执,一个邮箱一天只能发送两次,发送失败不算。上传支持Word, Excel, PowerPoint, PDF, TIF, GIF, JPEG等178种文件格式,最大限制10M,文档不能超过10页。

网站:http://www.myfax.com

[……]

阅读更多

flash盖住div的解决办法-flash wmode参数详解

在做web开发中可能会遇到flash遮挡页面中元素的情况,无论怎么设置flash容器和层的深度(z-index)也无济于事,现有的解决方案是在插入flash的embed或object标签中加入”wmode”属性并设置为wmode=“transparent”或”opaque”,但wmode属性到底是什么意义,为什么可以解决这个问题呢?

我在做康盛discuzx1.0 开发时首页用了个优酷视频,结果挡住了弹出的登录窗口;

window mode(wmode)

wmode即窗口模式总共有三种,看看当年Macromedia官方的说法:

[……]

阅读更多

js动态打开层及关闭层超酷特效

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>DOM_text01</title>
<style type="text/css">
body,span,div,td{font-size:12px;line-height:1.5em;color:#849BCA;}
#bodyL{
float:left;
width:84px;
margin-right:2px;
}
a.od{
width:80px;
height:25px;
line-height:25px;
text-align:center;
font-weight:bold;
border: 2px solid #849BCA;
display:block;
color:#547BC9;
float:left;
text-decoration:none;
margin-top:2px;
}
a.od:link{
background:#EEF1F8;
}
a.od:visited{
background:#EEF1F8;
}
a.od:hover{
background:#EEE;
}
a.od:active{
background:#EEE;
}
#fd{
width:500px;
height:200px;
background:#EDF1F8;
border: 2px solid #849BCA;
margin-top:2px;
margin-left:2px;
float:left;
overflow:hidden;
position:absolute;
left:0px;
top:0px;
cursor:move;
float:left;
/*filter:alpha(opacity=50);*/

}
.content{
padding:10px;
}
</style>
</head>
<body>
<div id="bodyL">
<a href="#" class="od" onclick = "show(‘fd’);return false;">
[打开层]
</a>
<a href="#" class="od" onclick = "closeed(‘fd’);return false;">
[关闭层]
</a>
</div>
<div id="fd" style="display:none;filter:alpha(opacity=100);opacity:1;">
<div class="content">移动层</div>
</div>

[……]

阅读更多

15个网站设计和开发的Chrome插件

1.Speed Tracer
Speed Tracer is a tool to help you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low level instrumentation points inside of the browser and analyzes them as your application runs.
Speed Tracer 是一款功能强大的性能分析插件,可以让用户深入的了解 Web 应用的运行情况,找出自己的 Web 应用运行缓慢的原因。
2.Eye Dropper
Eye Dropper and Color Picker extension which allows you to pick color from any webpage or from advanced color picker.
Eye Dropper允许用户从任何网页中中提取需要的颜色代码。
3.Firebug Lite
Firebug Lite is a tool for web developers, that allows you to edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
Firebug的Chrome版本,允许用户在页面中实时编辑,调试或者监测 CSS / HTML / JavaScript 文件。
4.Chrome SEO
The Google Chrome SEO Extension provides easy access to Search Engine Optimization Tools that can help you with Competitive Analysis, Keyword Research, Backlink Checks, PageRank Checks and other daily SEO tasks.
Chrome SEO 扩展可以让用户非常方便的访问访问分析,关键字研究,回链检查,PR 检查等。[……]

阅读更多