网站无障碍设计

通常,说起网站无障碍,我们想到的是HTML、CSS、JavaScript,焦点都在前端开发上面,然而我们忽略了最理想的网站无障碍应该从设计开始。下面给大家分享一张图表,列举了几条重要的网站无障碍设计原则,设计师可以看看。

阅读全文 >>

取消CHROME文本框(域)外边框高亮和缩放功能办法

浏览器一直以来挺喜欢用谷歌的Chrome,界面简洁,体积小,速度快。因为苹果Safari也是使用Webkit内核,因此他们有着类似的样式体现。

阅读全文 >>

带缓冲效果自动显示隐藏的返回页面顶部代码

分享一个带缓冲效果的,自动显示隐藏的返回页面顶部的代码。先声明,此代码在ie6下不能正常工作(为了ie6能够早日在中国灭亡,大家都升级浏览器吧!)…其他浏览器均可正常使用
这里用到了jquery,大家可以到官方网站下载最新版本。

html代码:

1
<div id="top" class="gotop"></div>

css代码:

1
2
3
4
5
6
7
/*返回顶部按钮*/	
.gotop{
	display:none;
	position:fixed; right:50%; bottom:0;//用fixed定位到页面最底部,右距离为50%
	width:17px; height:60px; margin-right:-522px; //然后向右移动522px(根据你的需要自行调整)
        background:url(../images/faq_bg.jpg) no-repeat -662px -269px scroll;     
        cursor:pointer;}

阅读全文 >>

推荐《简约至上:交互式设计四策略》–简约不简单

几年前,简约这个词在web设计领域里没被重视的时候,大部分网站还是以内容为主,结构功能很复杂,有时恨不得把所有内容、功能都用上,我的网站才是时髦的。如今,令人高兴地是,越来越多的设计开发者认识到针对用户而设计的产品(这里包括易用性、功能可行性、界面设计等)才是符合主流用户的产品。

阅读全文 >>

推荐《web表单设计-创造高可用性的网页表单》一书

用了两周时间,在拥挤的地铁上,图灵的新书《web表单设计-创造高可用性的网页表单》看完了。

web表单在我们当今的互联网生活中无处不在。大到招聘网站当中的个人简历,小到用户登录,要想创造出高可用性的表单,除了重视这方面的公司外,我想大多数网站中的web表单易用性都很糟糕。曾经记忆犹新的一次失败体验是在一个网站上辛辛苦苦填的个人资料,点击下一步出现错误,提示返回后之前填的资料全没了,还要重新填写一遍,难道他们就没有为用户考虑一下保存已有表单的资料吗? 阅读全文 >>

细节制胜–返回顶部按钮对网站的易用性

我们在浏览网站时,如果遇到很长的页面,当我们浏览网站下方内容时想返回网页顶部,一是狂转鼠标滚轮,一是拖动右侧滚动条,但这两个方法都会使浏览者产生急躁情绪。很多浏览者是没有这样的耐心的,这样也会失去很多的用户!

阅读全文 >>

Page 1 of 3123»