更新于:11-06 08:46

有关[html5]标签推荐

HTML编码规范

于06-27 12:45 - Clearlove - 代码规范 html5 html
这段时间在整理前端部分代码规范,初步想法是从HTML、CSS、Javascipt、项目文件目录四部分是整理. 之前已经整理完了 CSS编码规范,有兴趣可以了解下. [强制] 使用 4 个空格做为一个缩进层级,不允许使用 2 个空格 或 tab 字符. 对于非 HTML 标签之间的缩进,比如 script 或 style 标签内容缩进,与 script 或 style 标签的缩进同级.

视频H5のVideo标签在微信里的坑和技巧

于06-27 02:08 - Avin - 前端开发 HTML5 Video 移动端
随着 4G 的普遍以及 WiFi 的广泛使用,手机上的网速已经足够稳定和高速,以视频为主的 HTML5 也越来越普遍了,相比帧动画,视频的表现更加丰富,前段时间开发了一个以视频为主的移动端 HTML5,在这里介绍一些实践经验. 我们希望视频播放时可以全屏播放,没有进度条、播放按钮等与系统相关的元素,可以在视频上方增加自定义的元素(比如一个跳过按钮),类型下面的效果:.

页面架构HTML+CSS ●▽● 各种布局各种实现

于04-21 13:54 - 偏爱花开的声音 - html css 页面布局 html5 css3
(1)清除浏览器默认样式. (1)项目开发初期就定义好. (2) reset.css 在引入的时候一定要放在第一位. (3)不同的产品 reset.css不一样. 3.table合并边框间距. table { border-collapse: collapse; // 合并边框 border-spacing: 0; //边框间距.

工作中经常用到github上优秀、实用、轻量级、无依赖的插件和库

于04-09 03:09 - 微醺岁月 - javascript html5 github html
原文收录在我的 GitHub博客 ( https://github.com/jawil/blog) ,喜欢的可以关注最新动态,大家一起多交流学习,共同进步,以学习者的身份写博客,记录点滴. 按照格式推荐好用的插件有福利哦,说不定会送1024论坛邀请码,好自为之,你懂的,嘿嘿嘿. 由于github的issues没有TOC菜单栏导航,所以这里方便大家查看,先安利一款Chrome浏览器的插件,感谢github用户@BBcaptain 推荐.

如何做一个让人闻风丧胆的 H5

于09-23 11:32 - 何, 六六 - 前端技术 html5 动画
最近火热的有声娱乐平台 APP,企鹅 FM,在8月28日鬼节前夕,联合《盗墓笔记》推出了“勇敢者的游戏”活动. 作为一个 UI 工程师,在这个移动互联网叱咤风云的时代,每次看到朋友圈中被分享的各种花样 H5 页面,总是心痒难耐,也想做有着酷炫动画和带感声效的 H5 呢. 回想到做鬼节活动页的时候,接近午夜零点还在调整页面效果,看着页面上渐隐渐现的可怕画面,活生生吓到了自己,也是蛮难忘的.

顺势而为,HTML发展与UI组件设计进化

于01-22 09:01 - zhang xinxu - 前端技术 html5 UI web组件
在阅读本文之前,建议先阅读之前的一篇文章:“ 面向设计的半封装web组件开发”,便于理解文章的一些解惑. 前端这几年的发展都是有目共睹的,然而,如果按照已经落地投入实践的标准梳理下,会发现,基本上都是偏后的JS开发层面的,比方说Node.js下的前后端分离,MV*库,React.js,各种包管理工具及前端集成解决方案等.

浅谈移动应用的技术选型

于10-11 04:05 - ThoughtWorks - IT技术 HTML5 移动应用
在这个巨变的时代,技术选型是个很难做决定的事情,而移动应用技术领域在几个巨头(Google,Facebook,Apple etc.)的带动下更是日新月异. 所以说要选择一个适合业务需求并且匹配开发人员能力的技术方案并不是一件简单的事情. 我也只是在移动开发上做过一点微小的工作,此处仅能抛个砖,希望各位有玉的大神尽管砸过来.

玩转HTML5移动页面(动效篇)

于04-28 02:32 - TQ - 前端技术 html5 动画 效果 移动端
作为一名前端,在拿到设计稿时你有两种选择:. 2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来. 作为一个有志向的前端,当然是选2啦. 可是需求时间又很短很短,怎么办呢. 这次就来谈谈一些动画设计的小技巧,能在你时间不多又没有动画想法的时候瞬间让页面增色不少. 同时也会谈及移动端H5页面的优化细节与关键点,因此本文章将分为 动效篇和.

玩转HTML5移动APP页面(优化篇)

于04-28 04:10 - 设计 达人 - HTML & CSS 前端开发 HTML5
承接上文《 玩转HTML5移动APP页面(动效篇)》,上次说的是让页面动起来的一些小技巧. 而页面动起来的根基是功能可用的页面,因此有必要分享一些优化细节的技巧和方向,熟悉掌握一些方法论还是会对页面开发大大提高效率的,并且也能防止疏忽缺漏. 涉及的动画十分多,用的元素也十分多,请务必使用雪碧图(Sprite).

【译】Hybrid移动应用:用网页技术提供Native体验

于03-04 02:21 - fhz - 前端开发 html5 web 翻译
原文: http://www.smashingmagazine.com/2014/10/21/providing-a-native-experience-with-web-technologies/. 翻译: 叮当当咚当当小胖妞呀 杀手爱elva Ivan_z3 肖弦. 根据最近的一篇 报告显示,HTML是移动应用开发人员使用最多的语言,开发人员对于选择哪种网页技术考虑的最主要因素,是代码的跨平台便携性和开发的低成本性.

H5 缓存机制浅析 移动端 Web 加载性能优化

于12-11 07:07 - 腾讯Bugly - html5
腾讯Bugly特约作者:贺辉超. H5,即 HTML5,是新一代的 HTML 标准,加入很多新的特性. 离线存储(也可称为缓存机制)是其中一个非常重要的特性. H5 引入的离线存储,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问. H5 应用程序缓存为应用带来三个优势:. 离线浏览 用户可在应用离线时使用它们.

移动web问题小结

于06-14 11:29 - TAT.tennylv - CSS3 HTML5 Web开发 经验心得
这个想必大家都知道,当页面在手机上显示时,增加这个meta可以让页面强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览. 这两个属性分别对ios上自动识别电话和android上自动识别邮箱做了限制. 桌面浏览器中想要获取滚动条的值是通过document.scrollTop和document.scrollLeft得到的,但在iOS中你会发现这两个属性是未定义的,为什么呢.

【译文】Top 10:HTML5、JavaScript 3D游戏引擎和框架

于06-24 04:13 - dwqs - HTML JavaScript HTML5 js 游戏
由于很多人都在用JavaScript、HTML5和WebGL技术创建基于浏览器的3D游戏,所有JavaScript 3D游戏引擎是一个人们主题. 基于浏览器的游戏最棒的地方是平台独立,它们能在iOS、Android、Windows或其他任何平台上运行. 有很多的JavaScript能够用于创建基于浏览器、使用HTML5和WebGL的3D游戏.

一些有用的HTML5 pattern

于06-18 13:42 - 神飞 - HTML5 表单 正则
最近在做手机页面时,遇到数字输入的键盘的问题,之前的做法只是一刀切的使用 type="tel",不过一直觉得九宫格的电话号码键盘上的英文字母太碍事了. 于是想要尝试其它的实现方案,最终的结论却令人沮丧. 不过也趁机详细了解了下 pattern这个属性. type="tel" 和 type="number" 的区别.

HTML5本地裁剪图片

于07-15 07:55 - JellyBool - html5 canvas 图片处理
我们首先需要创建一个 index.html文件,里面写上一些简单的 html和 css代码:. 以上的三个 标签都是用来处理跟图片相关的内容的,详细的处理会在后续的js代码中给出. 而 id为 show_edit 和 id为 show_pic这两个是为了图片的预览和查看最后的图片生成结果.

移动开发之总结

于01-22 06:13 - Mingdy - html5 css3 jquery
1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影. 备注:transparent的属性值在android下无效. 2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影.

Youtube网站正式全面使用HTML5

于01-29 16:23 - 歪脖骇客 - 新闻资讯 html5 video 视频
四年前,Youtube官方曾宣布在网站上 实验性的支持HTML5

最受欢迎的前端UI框架推荐

于02-08 13:31 - admin - 交互设计 CSS3 github HTML5 开源程序
前端UI框架越来越受到新人追捧,下边小编为大家列出目前最受欢迎、最优秀的前端框架以供大家选择. 目前开源社区最受欢迎的项目之一,可谓大名鼎鼎了,最新版本3.x兼容IE9+,用于开发响应式布局、移动设备优先的Web项目. 官网: http://getbootstrap.com/. UI框架的后起之秀,UI动画效果很棒,一个很有潜力的项目.

别不信!App三年内将被HTML5顶替彻底消失?

于02-08 13:37 - codeceo - 资讯 HTML5
2007年W3C(万维网联盟)立项HTML5,直至2014年10月底,这个长达八年的规范终于正式封稿. 过去这些年,HTML5颠覆了PC互联网的格局,优化了移动互联网的体验,接下来,HTML5将颠覆原生App世界. 这听起来有点危言耸听,但若认真分析HTML5的发展史,你会发现,这个世界的发展趋势确实就是这样.

HTML5 Web Speech API,让网站更有趣

于02-05 07:39 - 江小湖Laker - html5
Web API 变得越来越丰富,其中一个值得注意的是 Web Speech API. 传统的网站只能“说”,这个API的出现,让网站能“倾听”用户. 这个功能已经开放了一系列的用法,非常棒. 在这篇文章中,我们将看一下这项技术和建议的用法,以及如何用它来增强用户体验的一些好例子. 声明:本技术比较前沿,目前该规范是W3C的“非官方编辑器的征求意见稿”(截至2014年6月6日).

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

于05-04 01:25 - sxwgf - HTML5教程 Link prefetch 预加载
不管是浏览器的开发者还是普通web应用的开发者,他们都在做一个共同的努力:让Web浏览有更快的速度感觉. 有很多已知的技术都可以让你的网站速度变得更快:使用CSS sprites,使用图片优化工具,使用.htaccess设置页面头信息和缓存时间,JavaScript压缩,使用CDN等. 我曾经介绍过本站上使用的一些速度优化技术.

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

于05-01 16:37 - 歪脖骇客 - 技术技巧 html5 摄像头
移动设备和桌面电脑上的客户端API起初并不是同步的. 最初总是移动设备上先拥有某些功能和相应的API,但慢慢的,这些API会出现在桌面电脑上. 其中一个应用接口技术就是 getUserMedia API,它能让应用开发者访问用户的摄像头或内置相机. 下面就让我展示一下如何通过浏览器来访问你的摄像头,并提取截屏图形.

Javascript网页截屏的方法

于06-27 02:42 - 歪脖骇客 - 技术技巧 addon canvas html5 javascript
最近我在研究开发一个火狐插件,具体的功能是将网页内容截屏并分享到微博上. 目前基本功能已经实现,大家可以在 @程序师视野 里看到用这个截图插件分享的微博的效果. 之前我曾写过 如何将canvas图形转换成图片和 下载canvas图像的方法,这些都是在为这个插件做技术准备. 技术路线很清晰,将网页的某个区域的内容生成图像,保持到canvas里,然后将canvas内容转换成图片,保存到本地,最后上传到微博.

将画布(canvas)图像保存成本地图片的方法

于06-24 03:30 - 歪脖骇客 - 技术技巧 canvas html5 画布 画布图片转化
之前我曾介绍过如何将HTML5 画布(canvas)内容转变成图片形式,方法十分简单. 但后来我发现只将canvas内容转变成图片输出还不够,如何能将转变后的图片保存到本地呢. 其实,这个方法也是非常简单的,几乎不用额外的编程知识. 但我们可以更完美些,下面我将使用 canvas2image.js, base64.js这两个脚本实现更强大的canvas->图片->本地的过程.

HTML5中新型input类型

于06-13 02:36 - 歪脖骇客 - 技术技巧 html5 input type input类型
你可能已经听说过,HTML5里引入了几种新的input类型. 在HTML5之前,大家熟知的input类型包括:text(输入框),hidden(隐藏域),submit(提交按钮)等. 而HTML5到来之后,新增的input类型包括:number(数字),date(日期),color(颜色),range(范围)等等.

100个惊人的CSS、JS代码技术

于01-20 09:09 - 设计 达人 - HTML & CSS CSS3 HTML5
最近在Codepen看到Top Pens of 2013这个专题,专题内容为2013年上最优秀的前100个CSS、HTML5和Javascript Pens,在惊叹技术人员的创造力同时我们还能学习这些技术,对交互设计师而言还能获取灵感哦. Top Pens of 2013专题地址: http://codepen.io/2013/popular.

三个 HTML5 不常见但非常实用的特性简介

于03-02 16:16 - 于江水 - 开源程序 HTML5
都已经到了 2014 年了,再来说 HTML5 的新特性,实在是够晚了,不过这几个在介绍 HTML5 的书上很少见到,但又可以方便的应用在自己的网站上,所以特地来介绍一下. 众所周知,解析 DNS 是网站性能优化的比较重要的一部分,虽然加载时间不太长,但是很难压缩起来. 特别是为了并发下载资源而使用多个 CDN 域名来加载资源的大型网站,更不可忽视,每加载资源之前都要先进行 CDN 域名的 DNS 解析转换.

让低版本IE也能正常运行HTML5+CSS3网站的3种解决方案

于02-20 14:47 - iefans - IE Web CSS3 HTML5
现在我们可以选择浏览器非常多,所以浏览器的环境也是种类繁多,同一个浏览器也是包含各种不同的版本,不同的版本之间的渲染方法也存在差异,,它们支持的 HTML5、CSS3 特性恐怕也不尽相同. 这种情况于是造成Web开发者在开发网站时,要面对数量庞大的浏览器种类. 如果开发时按最低标准,比如 IE6不支持的特性,我们统统不用,那就没有必要写这篇文章了;但我想这种情况极少,更多的开发,是在现代浏览器上使用它们支持的特性,而在早期浏览器上做一定的降级处理,这就是所谓 “渐进增强”,也是本文要说的重点.

优秀的 HTML 和 CSS 代码规范

于03-27 08:59 - SHTION - html5 css HTML
HTML 和 CSS 代码规范究竟是怎么样的. 做网站时, HTML 和 CSS 代码有什么要求. HTML 和 CSS 代码的写法是否影响网站的SEO. 写好  HTML 和 CSS 代码需要注意些什么. 一般大型WEB站点开发设计人员,要求使用者具有一定的 HTML、CSS基础知识,对原代码具有较强的控制能力.

分享9款最新超酷HTML5/CSS3应用插件

于03-23 23:10 - sxwgf - HTML5实例 HTML5应用
新的一周开始了,小编继续要为大家分享实用超酷的HTML5应用,今天分享的这9款最新HTML5/CSS3应用你一定会很喜欢,一起来看看. 1、HTML5 Canvas模拟衣服撕扯动画 超级逼真. 今天又要来推荐一款HTML5 Canvas动画,是一个模拟衣服撕扯动画,效果非常逼真. 刚开始衣服挂在绳子上,用鼠标拖拽衣服即可让衣服摆动起来,当你拖拽的很用力时,你会发现,衣服被撕破了.