前两天在开发在微信访问的HTML5页面，里面有个订单查询要选择时间，刚开始使用的<input type="date">输入框，没加任何的样式，效果是白色的背景再加上边框很丑，完全与整个背景不协调。刚开始设置了输入框背景色透明（background-color:transparent;），在iOS上面背景色和边框都没有了，但是在andriod上边框和背景色还是存在。后来加上样式FILTER: alpha(opacity=0)，在andriod中就去掉了边框和背景。 去掉背景和边框比以前好看...
目前零代码直接让设计师制作H5的软件比较多，大致上还是有了解的。但是在选择上，就不知道具体要选哪些了，也没有太多的时间一个一个去使用。回复内容：我是设计师，也在管理我们公司的公众号，接触H5也有一段时间了，我谈谈我个人对于H5的看法。 以前公司的H5都是由程序员通过写代码完成，开发周期长，成本比较高，出来的效果以及公众号订户传播转发率虽然很好，但是考虑到成本和开发周期，更新的频率比较低，一般都是针对公司...
最近准备一个演讲，对象都是一些未接触过计算机基础的人，该怎么简单明了地将HTML5的概念形象地介绍比较好呢？回复内容： 告诉他们，HTML5+CSS3可以用代码做出上述两个图像，而且眼睛是会动的。告诉他们，HTML5+CSS3可以用代码做出上述两个图像，而且眼睛是会动的。以下是源码出处。灰太狼：http://www.codefans.net/jscss/code/3936.shtml。哆啦A梦：http://www.webhj.com/hj-431.html。也可以用其他的HTML5页面来举例子。任何一个...
刚刚在知乎回答中的一个微博链接点击新浪微博的 m 站 欢迎登录 - 新浪微博 中发现 体验和新浪微博客户端已经没有差别了。本人用的是 iPhone4s，可想而知在 iPhone5s 等性能更加高的手机上体验更加好了。这是否意味着 HTML5 技术已经可以取代 native 的 app 了？回复内容： 感谢关注微博的 HTML5 版。我们在8月初上线的重构版中，从UI、交互的等角度尝试了和客户端的靠近，来减少用户的使用成本。从我们踩的坑，以及现在依然存在的 ...
仅仅就是为了做模拟native的下拉刷新吗？回复内容： 其实是得不偿失的，前端很难想象浏览器为了网页滚动的流畅性做了多少优化，才能达到稳定60fps的效果，而JS控制的滚动就意味着放弃了这些优化，并且还要加上额外的JS/DOM/CSS开销。一些浏览器常见的滚动优化：1，预判滚动的方向，预先生成不可见区域纹理；2，异步光栅化，延迟光栅化；3，延迟甚至停止内核网页重绘/重排版；4，线程优先级调整，任务优先级调整；----补充浏览器处理...
有哪些不用编写代码就能轻松制作生成HTML5页面的工具？最好能简单介绍一下各工具的优缺点。回复内容：我觉得我可以来回答一下这个问题。作为移动互联网公司入职不到一年的产品新人，我最近用过一些制作H5的工具。不敢说是每个工具的深度使用者，起码平时可以利用起来，在不用代码的情况下，使用这些工具确实达到了省时省力的效果。【开始答楼主】 ——————————————————HTML5页面制作工具，大体分为两类：基于HTML5...
小编说：干的不能再干的干货了，作者从做作品的由来、想法，前期设计沟通、到代码实现，以及过程中遇到的坑，一一进行了汇总，最终效果也很酷，值得收藏学习。前言最近火热的有声娱乐平台 APP，企鹅 FM(编者注：此处绝非广告)，在8月28日鬼节前夕，联合《盗墓笔记》推出了“勇敢者的游戏”活动。作为一个 UI 工程师，在这个移动互联网叱咤风云的时代，每次看到朋友圈中被分享的各种花样 H5 页面，总是心痒难耐，也想做有着酷炫动画...
在HTML页面的中，可以用像下面的代码来添加标签：代码如下: Your browser does not support HTML5 Canvas.译注：对于canvas，以下写法是不允许的：代码如下: 让我们来看一下上述代码到底做了些什么。标签有3个主要的属性，包括： 1.id。我们可以在JavaScript代码中用id值来引用该标签。在上述代码中，id值为canvasOne。2.width。canvas的宽度，以像素为单位。在上述代码中，width值为500个像素。3.height。canvas的高度，以像素为单...
本文详细总结了html5各种页面切换效果和模态对话框用法。分享给大家供大家参考。具体分析如下： 页面动画： data-transition 属性可以定义页面切换是的动画效果。例如：Ill popdata-transition 参数表： 参数说明 slide 从右侧向左滑入页面slideup 从底部向上滑入slidedown 从上向下滑入pop 从中心渐显展开fade 渐显flip 翻转 备注：如果想要在目标页面中显示后退按钮，可以在链接中加入 data-direction="reverse"属性，这个属性和...
我们结合移动设备（手机和平板电脑）的特性，介绍HTML5中新增的语义化标签元素，以及在移动Web浏览器下Web页面布局的知识及例子。 在HTML5标准添加的新元素中，用于常见页面结 构的包括header footer footer nav aside aside article section hgroup 。 下面简单介绍一下这个元素： 1.header header>元素定义文档的页面组合，通 常是一些引导和导航信息，标签内通常包含 secti- on的头部信息，如h1~h6 或 hgroup等。 代码如下: ...
引言浏览器中渲染的网页由许多东西组成-logo、信息文本、图片、超链接、导航结构等等。HTML5为网页提供了一系列允许你创建结构化布局的标签。这些元素通常被称为语义化标签，因为它们能够清楚地给开发者和浏览器传达它们的意义和目的。本文将讨论一些有助于网页布局的重要的HTML5标签。HTML5新元素及其特性HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面...
html5在手机上手指左右滑动切换页面，哪位大虾做过，给个列子 例如：http://imag.jimi.com/dx/ 回复讨论(解决方案) 这个有何难啊，使用 touchwipe.js 很简单的就能实现了 你发的另外一个贴子我回复了。 这个有何难啊，使用 touchwipe.js 很简单的就能实现了 能给个列子不？ 这个有何难啊，使用 touchwipe.js 很简单的就能实现了 能给个列子不？ 这个有何难啊，使用 tou...
译文来源：http://www.ido321.com/1126.html 原文：HTML5 Page Visibility API 译文：HTML 5的页面可视性API 译者：dwqs 在早期，浏览器并没有提供选项卡，但是现在基本所有浏览器都提供了这个功能。作为一个程序员，我一般会同时打开10到15个选项卡，甚至有些时候会在25到30. 为什么介绍Page Visibility API呢？ 之前，是不可能确定哪个选项卡是激活的，哪个没有激活，但是在HTML 5 Visibility API的帮助下，就可以检...
编写HTML5页面，CSS中设置"margin:0px,auto"不能使div居中，请问是何原因？ html页面代码如下： CSS文件代码如下： body { background-color:rgba(241,244,245,80); margin:0px; padding:0px; text-align:center;}.Fu { margin:0px,auto; padding:0px; width:400px; height:200px; background-color:#FFF; border:1px solid #000;} 使用火狐、IE10、IE11均不能使div水...
缘起 2014年10月29日，万维网联盟宣布，经过几乎8年的艰辛努力，HTML5标准规范终于最终制定完成了，并已公开发布。 而HTML5的草稿版本在13年就已经放出。作为一个有追求的程序猿这次想赶一次潮流学习一下HTML5，并作一次笔记以便日后温故。 基础 “君子务本，本立而道生。” 啥是HTTP了？ 超文本传输协议（HTTP，HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。是基于TCP的一种协议。 定义有些晦...