-
-
HTML5移动开发
收藏探讨如何使用html5 css3 js 开发可媲美原始app的 webapp应用技术。涉及流行的三方库、各类使用的控件、HTML CSS最基础的核心理论以及大量开发案例。
分享到：
最近更新文章
webkit webApp 开发技术要点总结
转自： http://www.cnblogs.com/pifoo/archive/2011/05/28/webkit-webapp.html
如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家 ：
1. viewport：也就是可视区域。对 ...
基于Android Webview的Hybrid App开发的前端优化
转自： http://awebird.com/blog/art/122
最近做一个项目，是将一个相对复杂（内容后台模块化配置）的mobile web页面嵌入到Android的webview展示，把遇到的问题和一些经验总结下
（1）图片！图片！图片！
我觉得不管是原生App还是Web App，加载优化的第一条就是合理的设置图片，这点往往容易被忽视。一切只在WIFI环境下的测试都是 ...
HTML5 Canvas双缓存实例
转自：http://www.108js.com/article/article3/30046.html?id=255
下面是用HTML5的<canvas>标签写的一个视差滚动动画的示例。采用了制作动画或者游戏编程中常用的双缓冲技术：获取到页面中的Canvas对象之后，创建了一个与页面Canvas同样大小的Canvas对象。绘图时先将图像绘制到缓冲Canvas中，等到每一桢的图像 ...
Html5 Canvas的充分运用：实用示例
转自：http://bbs.9ria.com/thread-244675-1-1.html
http://dev.tutsplus.com/tutorials/html5-canvas-optimization-a-practical-example--active-11893
如果你经常研究Javascript代码，并且有一定的经验，那你肯定让你的浏览器崩溃过。这些问题经常是一些Jav ...
CSS3 2D Transform 详细讲解
转自：http://www.gbtags.com/gb/share/2388.htm
在一个二维或三维空间，元素可以被扭曲、移位或旋转。只不过2D变形工作在X轴和Y轴，也就是大家常说的水平 ...
点击页面其它地方隐藏div所想到的jQuery的delegate
转自：http://www.cnblogs.com/dolphinX/p/3239530.html
在网页开发的过程中经常遇到的一个需求就是点击一div内部做某些操作，而点击页面其它地方隐藏该div。 ...
利用HTML5开发Android笔记
资源来自于www.mhtml5.com 杨丰盛老师成都场的PPT分享 一个很简明的demo 可以作为入门基础
学习的过程中做了点笔记 整理如下 虽然内容比较简单 但是数量还是比较多的 所以分了3篇
（上）包括Android设备多分辨率的问题，Android中构建HTML5应用程序基础
（中）包括Android与JS之间的互动，Android处理JS的警告对话框等，Android中的调试
（ ...
CSS Transitions
转自：http://www.w3.org/TR/css3-transitions/#transition-timing-function_tag
CSS Transitions
W3C Working Draft 12 February 2013
This version:
http://www.w3.org/TR/2013/WD-css3-transitions-2013021 ...
HTML中的几种定位方式
转自：http://www.cnblogs.com/Jerry-Chou/archive/2011/11/02/2233094.html
1，static(默认)
当你没有为一个元素(例如div)指定定位方式时，默认为static，也就是按照文档的流式(flow)定位，将元素放到一个合适的地方。所以在不同的分辨率下，采用流式定位能很好的自适合，取得相对较好的布局效果。
一般来说，我们不 ...
HTML和CSS的关键:盒子模型(Box model)
转自：http://www.poluoluo.com/jzxy/200809/44948.html
本文作为属性篇的最后一篇文章, 将讲述HTML和CSS的关键—盒子模型(Box model). 理解Box model的关键便是margin和padding属性, 而正确理解这两个属性也是学习用css布局的关键.
注: 为什么不翻译margin和padding? 原因一, 在汉语中并没有与 ...
HTML元素 display属性
转自：http://www.cnblogs.com/zcy_soft/archive/2011/02/12/1952516.html
定义和用法
display 属性规定元素应该生成的框的类型。
说明
这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML ...
HTML块级元素与行级元素
转自：http://gkecenter.blog.163.com/blog/static/181380305201291745234195/
一.两种类型
HTML中的大部分元素都可分为两种类型：块级元素和行级元素。这些元素的 ...
html鼠标形状设置
转自：http://blog.sina.com.cn/s/blog_a7b8ab2801019zn1.html
style="cursor:default"hand,pointer:是手型。 crosshair:是十字型，就是小乌龟首页所用的样式。 text:是平时鼠标移动到文本上的样式。 wait:是等待的效果。 default:是默认的那种效果。 ...
html5 div呈圆形 扇形显示的样式
不知道这个算不算，不过css3在实际应用中确实没有js框架来的方便，IE的市场份额还是最大的，微软还没有打算完全支持css3。
.redius{
border-left:10em solid red;
border-top:10em solid;
-webkit-border-top-left-radius:10em;
-webkit-border-top-right-ra ...
加速Web开发的10款HTML5工具
转自：http://www.csdn.net/article/2013-06-05/2815579-Web-tools-HTML5
HTML（Hyper Text Mark-up Language ）即超文本标记语言，自万维网初创之日起，它就已经成为满意度 ...
HTML5 全屏 API
注：提 HTML5 只是说明他是一项新的东西，至于浏览器的 JavaScript API 应不应是 HTML5 的一个配套？我们不纠结。不如看这个接口能给我带来什么，思考可以如何给网页做个体验上的增强应用吧。
一、说在前面的
其实只是一个新的 JavaScript API，让 HTML 元素可以实现全屏显示。不过，这已经足够让我们兴奋。具体是怎样呢？其实这个从 iOS 和 Safari 5.0 ...
CSS的定位即position属性的值有4种
来自网络：
CSS的定位即position属性的值有4种：static,relative,absolute,fixed。
static是默认值，元素位于文档流中，正常显示，忽略元素的top,bottom,left,right属性。需要注意的一点是z-index属性在这个定位方式下始终为0.如果其他定位方式的漂浮元素要位于static定位的内容之下，必须使用负数的z-index属性才行。
relati ...
Web开发者的福利 30段超实用CSS代码
<div class="iteye-blog-content-contain" style="font-size: 14px;"><p>转自：http://www.csdn.net/article/2013-05-29/2815470-css-snippets-for-designers</p><p> < ...
Web开发者不容错过的20段CSS代码
转自：http://www.csdn.net/article/2013-05-24/2815422-20-Useful-CSS-Snippets-Every-Designer-Should-Have
共享已成为互联网的一种主流，尤其是分享一些非常实用的技术，本文收集了20段非常专业的CSS 2/CSS 3代码片段给大家，你可以把它们保存在IDE里、或者存储在CSS文档里，这些代码片段绝对会 ...