那一抹温暖的阳光,是我们永恒的向往。
www.webbar.cn

跨浏览器兼容的HTML5视频音频播放器Browse:3319

用html5 js实现浏览器全屏

HTML5的video和audio标签是用来在网页中加入视频和音频的标签,在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。 使用html5media.js可以在所有浏览器上观看html5视频和音频文件,它弥补了低版本IE浏览器不支持<video> 和<audio>标签,只需要载入html5media.js使用<video>和<audio>标签就能跨浏览器 播放视频和音频。 如何使用? 想让html5的video和audio标签能在所有浏览器上工作,必须在页面的head内部加入以下一行代码: <script src="//a...

时间:2015-12-25
标签: ,
评论:0

网页某块区域鼠标不让选中文字Browse:2941

网页某块区域鼠标不让选中文字

1、给元素加样式   -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; 2、ie6-ie9 需要加以下js a.  //不可选中文字 var oDrag = document.getElementsByClassName("ard-adv"); for(var i=0; i<oDrag.length; i++) { oDrag[i].onselectstart = oDrag[i].ondrag = function(){return false;}; } b.   //整个网页 document.body.onselectstart = document.body.ondrag = function(){ return false; }

时间:2015-08-06
标签:
评论:0

简单有效!10步大幅提升网站可访问性Browse:4004

简单有效!10步大幅提升网站可访问性

注:网站越来越重视用户体验,对于做网站的人员来说是否了解过一些可以增加网站可读性的Tips? 今天腾讯ISUX的温总向大家分享可提升网站访问性的10个步骤,每一步都可以在20分钟内完成,这篇文章也可以在20分钟内看完。 入职四周年,送上干货,10步大幅提升网站可访问性。每一步都可以在20分钟内完成。这篇文章也可以在20分钟内看完。 第一步,检查<title></title>,不允许空,不允许过长,简洁明了。 <title></title>是第一个可以访问到内容的元素,所以一定要非常重视。当用户切换浏览器Tab标签的时候,一定最先听到<title></title>标记的内容。Title...

时间:2014-12-08
标签:
评论:0

网站设计过程中18个最常见的用户体验误解Browse:3994

网站设计过程中18个最常见的用户体验误解

1,用户在网页上会认真阅读内容 不准确。 用户在阅读网页内容时,快速浏览居多,只有在用户对内容非常感兴趣的时候,才会逐字阅读;好的网页设计是能帮助用户更方便快速浏览网页内容的。 Michael:现在是信息爆炸时代,用户很少有精力去仔细读内容,更多是以草览、看图、看第一句、看加粗的方式来了解信息。所以在新的时代,无论是设计网页还是移动产品,信息的聚焦、用户注意力的把握、界面内容的节奏,都是设计的重点。 2,网站所有页面需要在3个点击内到达 不准确。 更少的点击到达页面,不一定会让用户更开心,也不一定更有效率。 Michael:用户做事都有自己的习惯,这些习...

时间:2014-12-08
标签:
评论:0

WEB前端开发规范Browse:6230

WEB前端开发规范

规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档.本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.   基本准则 符合web标准, 语义化html, 结构、表现、行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度.   文件规范 1. html, css, js, image文件均归档至约定的目录中; 2. html文件命名: 英文命名, 后缀.htm. 同时将对应界面稿放于同目录中, 若界面稿命名为中文, 请重命名与html文件同名, 以方便后端添加 功能时查找对应页面; ...

时间:2014-04-08
标签: ,
评论:0

WEB开发中合理选择图片格式Browse:4999

WEB开发中合理选择图片格式

1.JPEG JPEG格式是一种大小与质量相平衡的压缩图片格式。通俗一点讲,就是:高的压缩比=低的图片质量=小的文件大小。反之,低的压缩比=高的图片质量=大的文件大小。由于JPEG文件无法保持100 %的原始图像的像素数据,所以它不被认为是一种无损图像格式。 用途: 由于这种极其敏感的平衡特性,JPEG非常适合被应用在那些允许轻微失真的像素色彩丰富的图片(照片)场合。反之,JPEG格式图片并不适合做简单色彩(色调少)的图片,比如LOGO,各种小图标(ICONS)。 2.GIF GIF格式,是为使图片能够应用在在线(online)应用程序上所特别开发的图片格式。Gif,有时也被成为“Giff”,是一种无...

时间:2014-04-05
标签:
评论:0

每个Web开发者必备的9个软技能Browse:4314

每个Web开发者必备的9个软技能

对于一份工作,你可能专注于修炼自己的内功,会在不自觉中忽视软技能。硬技能决定你是否能得到工作,而软技能能够表明你是否适合这份工作和适应工作环境等。所有的公司都有属于自己的文化,并努力将这些文化传承下去,所以他们必须确保每一位新员工能够适应这个环境。 许 多硬技能很容易获得并可很快的提高,而软技能由于和你性格等联系紧密,可想要改变他们是一件很困难和缓慢的事情。这里有七个核心的软技能,适用于大多数的 企业,它们不分行业,但作为Web开发者不应该忽视其中的任何一个。但是,有两个软技能不仅有利于Web开发者,还适用于所有的开发者,那就是往往被企业 和员工忽视的:批判...

时间:2014-04-02
标签:
评论:0
Search