炫意HTML5【近期热点】 原生JS如何实现图片懒加载
懒加载简介 什么是图片懒加载 懒加载其实就是延迟加载，是一种对网页性能优化的方式，比如当访问一个页面的时候，优先显示可视区域的图片而不一次性加载所有图片，当需要显示的时候再发送图片请求，避免打开网页时加载过多资源。 什么时候用懒加载 当页面...
最新发布 第2页
HTML5的Link prefetch页面资源预加载技术加速页面加载
不管是浏览器的开发者还是普通web应用的开发者，他们都在做一个共同的努力：让Web浏览有更快的速度感觉。有很多已知的技术都可以让你的网站速度变得更快：使用CSS sprites，使用图片优化工具，使用.htaccess设置页面头信息和缓存时...
纯CSS3动画按钮效果 5种漂亮样式
这次我们要来分享一款很不错的CSS3按钮动画，这款CSS3按钮一共有5种动画方式，每一种都是鼠标滑过动画形式，虽然这些动画按钮不是十分华丽，但是小编觉得不像其他按钮那样很难扩展，我们可以修改CSS代码随意改变自己喜欢的颜色样式。 在线演示 ...
CSS3 Columns:比table更好用的分列式布局方法
CSS里一直有一个让我们头疼的问题，就是创建布局很麻烦。当然，有很多方式，有很多技术都可以创建各种布局，但我们总觉得CSS里应该提供一些新属性，让我们能更好的管理布局。幸运的是，CSS3里提供了一批新的创建列式布局的column属性，有了这...
PHP中的HTML5应用 将Canvas图像保存到服务器
在几年前HTML5还没有流行的时候，我们的项目经理曾经向我提出这样一个需求：让项目评审专家们在评审结束时用笔在平板电脑上进行电子签名。这需要我们评审软件里提供这样一个功能：打开浏览器，登录，进入评审意见页，页面最下部有个方块区域，用户在这里...
JS实现HTML5 Canvas图像数据和图片的互相转化
这篇文章了我将介绍一下如何将一张图片拷贝到canvas里，以及反过来，如何将画布内容保存成图片格式。 使用JavaScript将图片拷贝进画布 要想将图片放入画布里，我们使用canvas元素的drawImage方法： // Converts...
使用HTML5技术控制电脑或手机上的摄像头
移动设备和桌面电脑上的客户端API起初并不是同步的。最初总是移动设备上先拥有某些功能和相应的API，但慢慢的，这些API会出现在桌面电脑上。其中一个应用接口技术就是getUserMedia API，它能让应用开发者访问用户的摄像头或内置相机...
IE6,7,8支持HTML5/CSS3网站的三种有效途径
起初，IE其实也是一款非常有进取心的浏览器。但经过一段时间的蛰伏后，它已经成为了我们生活中的一道障碍。微软现在又重新开始向其它浏览器发起挑战，但事实情况是，新版的现代IE浏览器一直滞后于谷歌浏览器和火狐浏览器。我们还不得不想办法兼容早期的I...
浏览器引擎前缀（Vendor Prefix）教程
浏览器引擎前缀(Vendor Prefix)是什么？ Vendor prefix—浏览器引擎前缀，是一些放在CSS属性前的小字符串，用来确保这种属性只在特定的浏览器渲染引擎下才能识别和生效。谷歌浏览器和Safari浏览器使用的是WebKit...
HTML5 placeholder美化input背景提示文字
之前在介绍HTML5 input新增的几种类型（数字、日期、颜色选取、范围）时，曾实现了一些页面例子让大家参考，但这些例子里的背景文字都是灰色的，样式很单一，其实它们可以做的更好看，CSS3里提供了专门的规则属性来美化用placeholde...
HTML5 input新增的几种类型（数字、日期、颜色选取、范围）
你可能已经听说过，HTML5里引入了几种新的input类型。在HTML5之前，大家熟知的input类型包括：text(输入框)，hidden(隐藏域)，submit(提交按钮)等。而HTML5到来之后，新增的input类型包括：number...
HTML5 Placeholder实现input背景文字提示效果
这篇文章我们来看看什么是input输入框背景文字提示效果，如下图所示： 这种效果现在网上非常的普遍流行，但大部分是使用JavaScript实现的。但HTML5给我们提供了新的纯HTML的实现方式，不需要任何的JavaScript，只需要在你...
用HTML5打造本地桌面应用
HTML5让Web开发人员用纯HTML技术开发富客户端互联网应用或者甚至本地桌面应用成为了可能。HTML5可以将任何普通网站转变成Web应用。HTML5 web 应用不仅具有在桌面浏览器应用中的优势，同时在智能手机和平板中也是开发利器。 在...
[译] 一个健壮且可扩展的 CSS 架构所需的8个简单规则
CSS architecture 这是一份清单，里面列出了在我多年的专业 Web 开发期间，在复杂的大型 Web 项目中学习到的有关管理 CSS 的事项。我多次被人问起这些东西，所以写一份文档记录下来听起来是个不错的主意。 我已经尽力尝试用...
HTML5 Web存储(Web Storage)技术及用法
在如今的Web开发中，HTML5是大家讨论的最大一个话题。HTML5提供的新功能特征使得Web程序员如虎添翼，并免去了以往钻研各种方法来让网站更好、更快、更灵活的气力。这些新功能中有一个非常让我感兴趣，它就是Web存储(Web Storag...
HTML5如何用window.postMessage在网页间传递数据
估计很少人知道HTML5 APIS里有一个window.postMessage API。window.postMessage的功能是允许程序员跨域在两个窗口/frames间发送数据信息。基本上，它就像是跨域的AJAX，但不是浏览器跟服务器之...
HTML5特性：使用async属性异步加载执行JavaScript
HTML5让我兴奋的一个最大的原因是，它里面实现的新功能和新特征都是我们长久以来一直期待的。比如，我以前一直在使用placeholders，但以前必须要用JavaScript实现。而HTML5里给JavaScript标记提供的async属性...
AOS – 另外一个独特的页面滚动动画库（CSS3）
AOS 是一个用于在页面滚动的时候呈现元素动画的工具库，你可能会觉得它和 WOWJS 一样，的确他们效果是类似的。但是AOS是 CSS3 动画驱动的库，当你滚动页面的时候能让元素动起来，当页面滚回顶部的时候，元素能够回到前一个状态，如此达到...
软件研发版本号的浅析：命名、预发与标记法
版本号广泛运用于开发的各种场景：NPM 包的版本定义、对 NPM 包的特定版本的依赖指定、git 的 daily 版本号分支…… 面对如此多的场景，版本号的命名却存在很大问题。举些例子： 开始写一个新项目 / 模块时，不管三七二十一，都从 ...
HTML 5.1即将发布，HTML 5.2准备工作已开始
万维网联盟（W3C）的成员们已经做好了推出HTML 5.1规范的准备，并且在8月中旬就开始了HTML 5.2方面的工作。HTML 5.1带来了几个让人激动的新特性，特别是picture、summary、以及details这三个
chrome和百度浏览器CSS字体大小小于12px不起作用解决方法和根本原因
chrome和百度浏览器CSS字体大小小于12px不起作用的根本原因是，百度浏览器和chrome用的是webkit内核，而webkit默认支持最小字号为12px。 那么，如何解决CSS字体小于12px不起作用的问题？取消这个限制就行了，加入...