炫意HTML5

炫意html5
最早CSS3和HTML5移动技术网站之一

【近期热点】 原生JS如何实现图片懒加载

懒加载简介 什么是图片懒加载 懒加载其实就是延迟加载,是一种对网页性能优化的方式,比如当访问一个页面的时候,优先显示可视区域的图片而不一次性加载所有图片,当需要显示的时候再发送图片请求,避免打开网页时加载过多资源。 什么时候用懒加载 当页面...

最新发布 第2页

HTML5教程

HTML5的Link prefetch页面资源预加载技术加速页面加载

html5阅读(3222)

不管是浏览器的开发者还是普通web应用的开发者,他们都在做一个共同的努力:让Web浏览有更快的速度感觉。有很多已知的技术都可以让你的网站速度变得更快:使用CSS sprites,使用图片优化工具,使用.htaccess设置页面头信息和缓存时...

CSS3教程

纯CSS3动画按钮效果 5种漂亮样式

html5阅读(3974)

这次我们要来分享一款很不错的CSS3按钮动画,这款CSS3按钮一共有5种动画方式,每一种都是鼠标滑过动画形式,虽然这些动画按钮不是十分华丽,但是小编觉得不像其他按钮那样很难扩展,我们可以修改CSS代码随意改变自己喜欢的颜色样式。 在线演示 ...

CSS3教程

CSS3 Columns:比table更好用的分列式布局方法

html5阅读(1804)

CSS里一直有一个让我们头疼的问题,就是创建布局很麻烦。当然,有很多方式,有很多技术都可以创建各种布局,但我们总觉得CSS里应该提供一些新属性,让我们能更好的管理布局。幸运的是,CSS3里提供了一批新的创建列式布局的column属性,有了这...

HTML5教程

PHP中的HTML5应用 将Canvas图像保存到服务器

html5阅读(2813)

在几年前HTML5还没有流行的时候,我们的项目经理曾经向我提出这样一个需求:让项目评审专家们在评审结束时用笔在平板电脑上进行电子签名。这需要我们评审软件里提供这样一个功能:打开浏览器,登录,进入评审意见页,页面最下部有个方块区域,用户在这里...

HTML5教程

JS实现HTML5 Canvas图像数据和图片的互相转化

html5阅读(2235)

这篇文章了我将介绍一下如何将一张图片拷贝到canvas里,以及反过来,如何将画布内容保存成图片格式。 使用JavaScript将图片拷贝进画布 要想将图片放入画布里,我们使用canvas元素的drawImage方法: // Converts...

HTML5教程

使用HTML5技术控制电脑或手机上的摄像头

html5阅读(2205)

移动设备和桌面电脑上的客户端API起初并不是同步的。最初总是移动设备上先拥有某些功能和相应的API,但慢慢的,这些API会出现在桌面电脑上。其中一个应用接口技术就是getUserMedia API,它能让应用开发者访问用户的摄像头或内置相机...

HTML5教程

IE6,7,8支持HTML5/CSS3网站的三种有效途径

html5阅读(1948)

起初,IE其实也是一款非常有进取心的浏览器。但经过一段时间的蛰伏后,它已经成为了我们生活中的一道障碍。微软现在又重新开始向其它浏览器发起挑战,但事实情况是,新版的现代IE浏览器一直滞后于谷歌浏览器和火狐浏览器。我们还不得不想办法兼容早期的I...

CSS3教程

浏览器引擎前缀(Vendor Prefix)教程

html5阅读(1554)

浏览器引擎前缀(Vendor Prefix)是什么? Vendor prefix—浏览器引擎前缀,是一些放在CSS属性前的小字符串,用来确保这种属性只在特定的浏览器渲染引擎下才能识别和生效。谷歌浏览器和Safari浏览器使用的是WebKit...

HTML5教程

HTML5 placeholder美化input背景提示文字

html5阅读(1787)

之前在介绍HTML5 input新增的几种类型(数字、日期、颜色选取、范围)时,曾实现了一些页面例子让大家参考,但这些例子里的背景文字都是灰色的,样式很单一,其实它们可以做的更好看,CSS3里提供了专门的规则属性来美化用placeholde...

HTML5教程

HTML5 Placeholder实现input背景文字提示效果

html5阅读(1727)

这篇文章我们来看看什么是input输入框背景文字提示效果,如下图所示: 这种效果现在网上非常的普遍流行,但大部分是使用JavaScript实现的。但HTML5给我们提供了新的纯HTML的实现方式,不需要任何的JavaScript,只需要在你...

HTML5教程

用HTML5打造本地桌面应用

html5阅读(2274)

HTML5让Web开发人员用纯HTML技术开发富客户端互联网应用或者甚至本地桌面应用成为了可能。HTML5可以将任何普通网站转变成Web应用。HTML5 web 应用不仅具有在桌面浏览器应用中的优势,同时在智能手机和平板中也是开发利器。 在...

CSS3教程

[译] 一个健壮且可扩展的 CSS 架构所需的8个简单规则

html5阅读(1807)

CSS architecture 这是一份清单,里面列出了在我多年的专业 Web 开发期间,在复杂的大型 Web 项目中学习到的有关管理 CSS 的事项。我多次被人问起这些东西,所以写一份文档记录下来听起来是个不错的主意。 我已经尽力尝试用...

HTML5教程

HTML5 Web存储(Web Storage)技术及用法

html5阅读(1395)

在如今的Web开发中,HTML5是大家讨论的最大一个话题。HTML5提供的新功能特征使得Web程序员如虎添翼,并免去了以往钻研各种方法来让网站更好、更快、更灵活的气力。这些新功能中有一个非常让我感兴趣,它就是Web存储(Web Storag...

HTML5教程

HTML5如何用window.postMessage在网页间传递数据

html5阅读(1696)

估计很少人知道HTML5 APIS里有一个window.postMessage API。window.postMessage的功能是允许程序员跨域在两个窗口/frames间发送数据信息。基本上,它就像是跨域的AJAX,但不是浏览器跟服务器之...

HTML5教程

HTML5特性:使用async属性异步加载执行JavaScript

html5阅读(2135)

HTML5让我兴奋的一个最大的原因是,它里面实现的新功能和新特征都是我们长久以来一直期待的。比如,我以前一直在使用placeholders,但以前必须要用JavaScript实现。而HTML5里给JavaScript标记提供的async属性...

HTML5教程

AOS – 另外一个独特的页面滚动动画库(CSS3)

html5阅读(18286)

AOS 是一个用于在页面滚动的时候呈现元素动画的工具库,你可能会觉得它和 WOWJS 一样,的确他们效果是类似的。但是AOS是 CSS3 动画驱动的库,当你滚动页面的时候能让元素动起来,当页面滚回顶部的时候,元素能够回到前一个状态,如此达到...

HTML5教程

软件研发版本号的浅析:命名、预发与标记法

html5阅读(1546)

版本号广泛运用于开发的各种场景:NPM 包的版本定义、对 NPM 包的特定版本的依赖指定、git 的 daily 版本号分支…… 面对如此多的场景,版本号的命名却存在很大问题。举些例子: 开始写一个新项目 / 模块时,不管三七二十一,都从 ...

HTML5动态

HTML 5.1即将发布,HTML 5.2准备工作已开始

html5阅读(1562)

万维网联盟(W3C)的成员们已经做好了推出HTML 5.1规范的准备,并且在8月中旬就开始了HTML 5.2方面的工作。HTML 5.1带来了几个让人激动的新特性,特别是picture、summary、以及details这三个

CSS3教程HTML5教程