更新于:06-21 18:04

有关[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 推荐.

浅谈移动应用的技术选型

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

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

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

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

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

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

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

移动web问题小结

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

HTML5本地裁剪图片

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

【译文】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移动页面(动效篇

于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是移动应用开发人员使用最多的语言,开发人员对于选择哪种网页技术考虑的最主要因素,是代码的跨平台便携性和开发的低成本性.

最受欢迎的前端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日).

Youtube网站正式全面使用HTML5

于01-29 16:23 - 歪脖骇客 - 新闻资讯 html5 video 视频
四年前,Youtube官方曾宣布在网站上 实验性的支持HTML5<video>标记,测试它跟使用Flash对比的效果. 当时,由于诸多的限制,无法将这种技术广泛的运用到视频播放中. 最重要的原因是,HTML5缺乏对Adaptive Bitrate (ABR)的支持,这种技术能让视频进行少量的缓冲就能播放.

移动开发之总结

于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可以同时屏蔽输入框怪异的内阴影.

HTML5标准制定完成:浏览器大战能消停吗

于10-30 09:54 - techug - 业界观察 html5 浏览器
昨天,万维网联盟(W3C)宣布,经过将近8年的艰辛努力,HTML5标准规范终于最终制定完成并已公开发布. 狭义上,HTML5是HTML的第五个版本. HTML的全称是超文本标记语言(HyperText Markup Language),由万维网的发明者蒂姆·伯纳斯·李设计,是为创建网页而设计的一种标记语言.

HTML5定稿了,为什么原生App世界将被颠覆

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

HTML5移动应用开发的生态环境简介

于08-07 02:18 - techug - 编程技术 html5 移动应用 移动开发
我本人是HTML5的大粉丝,因为它可以给我带来满足我创造力的开发速度. 但自从移动平台崛起以来,这项技术所涉及的开发就开始变得复杂起来. 在桌面平台看来,一切都非常清楚. 网站开发就是一场不断持续的进化,即便如此还是有人对其了如指掌. 开发者们被各种开发HTML5移动应用的方法搞得晕头转向,所以我希望这个指南可以帮助他们.

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(范围)等等.

三分钟HTML5画布(Canvas)动画教程

于05-21 16:28 - 歪脖骇客 - 技术技巧 canvas html5 动画 画布
通常大部分Web程序员平时的工作只是开发一些常规的网站、信息化办公系统等. 在他们的眼里,Web游戏动画开发程序员似乎神奇的多,Web游戏动画明显比普通的Web应用要灵活,更注重交互和视觉冲击,而动画动作、做图配色等方面更是外行. 之前我也在一篇《 未来web浏览技术提前体验:10个会让你惊叹不已的HTML5画布(canvas)技术应用演示》中向大家展示了Web动画的神奇魅力.

HTML5打造本地桌面应用

于05-20 16:12 - 歪脖骇客 - 技术技巧 html5 本地应用 桌面应用
HTML5让Web开发人员用纯HTML技术开发富客户端互联网应用或者甚至本地桌面应用成为了可能. HTML5可以将任何普通网站转变成Web应用. HTML5 web 应用不仅具有在桌面浏览器应用中的优势,同时在智能手机和平板中也是开发利器. 在手机端,有一个非常棒的工具叫做 PhoneGap,使用这个快速开发平台,任何人都可以使用HTML5+CSS3+JavaScript开发出安卓,iOS等应用.

让你大开眼界的9款HTML5动画特效

于05-15 15:02 - sxwgf - 资讯 HTML5应用
前几篇文章中我们已经分享了许多令人惊叹的 HTML5 3D特效和HTML5 Canvas特效,确实非常不错,今天我们精选了9款让你大开眼界的 HTML5动画特效,一起来看看. 1、HTML5梦幻特效 可给任意元素添加魔幻效果. 我们之前介绍HTML5动画特效比较多的是 HTML5 3D特效,今天我们来换一种风格,来分享一款看起来比较魔幻的HTML5特效.

9款基于HTML5/SVG/Canvas的折线图表应用

于05-13 23:40 - sxwgf - 资讯 HTML5应用
利用 HTML5制作精美而实用的折线图表比较简单,因为我们除了可以利用HTML/CSS/Javascript外,还可以使用功能强大的SVG和Canvas动画特性,今天我们就来分享9款基于HTML5/SVG/Canvas的折线图表应用. 1、HTML5折线图表Aristochart 图表配置简单. 之前我已经向大家分享了几款HTML5图表应用, HTML5 Canvas图表应用RGraph、 HTML5 Canvas饼状图表.