网页首屏设计之图文混排的10大技巧

 1、强化对比  Packdog网页首屏设计之图文混排的10大技巧  Wearetelegraph网页首屏设计之图文混排的10大技巧  首先网页首屏中的文字必须具备可读性才行,所以你需要确认文字与背景之间的色彩搭配能让用户看得清楚。当你选择一个暗色调的背景,那么你需要使用白色或者浅色的的文字,而当背景比较素雅的时候,文字可以使用深色,这就是我所说的强化对比。  当然,对比不仅限于色彩,文字同样存在...
文混排 设计图

基于HTML5实现的Heatmap热图3D应用

Heatmap热图通过众多数据点信息,汇聚成直观可视化颜色效果,热图已广泛被应用于气象预报、医疗成像、机房温度监控等行业,甚至应用于竞技体育领域的数据分析。基于HTML5实现的Heatmap热图3D应用已有众多文章分享了生成Heatmap热图原理,可参考《How to make heat maps》和《How to make heat maps in Flex》,本文将介绍基于HTML5技术的实现...
Heatmap热图 3D应用

HTML5地理定位实例

html5 获取坐标代码如下:代码如下:!DOCTYPEHTML html head titletest1.html/title metahttp-equiv=keywordscontent=keyword1,keyword2,keyword3 metahttp-equiv=descriptioncontent=thisismypage metahttp-equiv=content...
HTML5 地理定位

Web开发中20个很有用的CSS库

在过去的几年中,CSS已经成为一大部分开发者和设计者的最爱,因为它提供了一系列功能和特性。每个月都有无数个围绕CSS的工具被开发者发布以简化WEB开发。像CSS 库,框架,[color=rgb(68, 68, 68) !important]应用这样的工具能够为开发者做很多事,而且可以使开发者创造出创新立异的WEB应用。在这篇文件章中我们找到了一系列对开发者有用的CSS库,它们能帮助开发者在一定的期...
CSS库 web开发

兼容各浏览器:CSS定义PNG透明效果

虽然有CSS有很多方法能实现PNG图片透明效果,但在各浏览器中的兼容效果却不好,小编找到了一个能兼容各浏览器用CSS定义PNG透明效果的方法,方法如下:style .mycls{ width:48px; height:48px; background:url(20090318230119136.png)no-repeatlefttop; _background:none; _filte...
Css

使用HTML5的Audio标签打造WEB音频播放器

目前,WEB页面上没有标准的方式来播放音频文件,大多数的音频文件是使用插件来播放,而众多浏览器都使用了不同的插件。而HTML5的到来,给我们提供了一个标准的方式来播放WEB中的音频文件,用户不再为浏览器升级诸如Adobe Flash、Apple QuickTime等播放插件,只需使用现代浏览器就可以聆听任何可以发出声音的WEB网站。WEB中的Audio标签HTML5定义了一个新的元素用来指定标准的...
audio WEB音频播放器 HTML5

基于HTML5的可预览多图片Ajax上传

一、关于图片上传什么什么的在XHTML的时代,我们使用HTML file控件上传图片一次只能上传一张。要一次上传多图,做法是借助于flash。例如swfupload.js。可惜,使用复杂的点,比如flash文件需与页面同父文件夹,JavaScript文件大小也很可观。我之前曾翻译编辑过一篇“Ajax Upload多文件上传插件”的文章,此插件的亮点是使用隐藏的iframe框架页面模拟ajax上传,...
Ajax上传 HTML5

jQuery定制HTML 5视频播放器

一个不错的jQuery定制HTML 5视频播放器,有需要学习的朋友可参考。HTML5 Video标签基础先来学习下HTML 5 Video标签的基本用法,先看如下的例子代码:videoid=”myVideo”controlsposter=”video.jpg”width=”600″height=”400″ sourcesrc=”video.mp4″type=”video/mp4″/ sourc...
jQuery 视频播放器 HTML5

重构HTML改善Web应用设计(3)

5,正确标记列表正确标记列表能够提升可访问性,通常我们子啊列表中实现跳转和导航。大部分浏览器给列表以及列表中的项目都制定特定的外观,通常表现为缩进和项目符号,可能不是你所需要的外观,因此很容易在搭建html的时候忽略它们的存在,放弃使用正确列表标记,而使用语义较差的标签,实现同样的效果。根据需求,你能够通过CSS可以容易地修复这些特定的外观。下面整理了开发中常用的CSS样式修改规则:/*删除项目符...
Web应用 HTML

重构HTML改善Web应用设计(2)

2,替换表格布局基于CSS的页面比基于表格的页面更小更简单。a)编写和编辑更容易,下载更快,b)通过转向CSS,可以节省带宽。同时外联的css文件可以缓存和重用,不必随每次页面的下载又重下一次。取代滥用本用于呈现表格数据的table元素而使用表格布局,可以考虑频繁使用的分栏式布局:1)两栏,左侧固定宽度的侧栏,右边是弹性宽度的内容栏2)三栏,左右各固定宽度的侧栏,中间是内容。根据以往项目开发经验:...
HTML web应用