Ionic是一个前端的框架,帮助开发者使用HTML5, CSS3和JavaScript做出原生应用。ionic的理念类似前端开发的BootStrap,目标是封装HTML5移动跨平台开发的最佳实践,就像Twitter Bootstrap在前端开发中做的一样。Ionic框架目前发展很迅速,我们从2014年3月开始使用,当时是1.0.0beta2,现在已经更新到1.0.0beta10,大概每2个星期会出一个beta版本,并且都包含实质性更新。Ionic框架很先进,js部分是基于AngularJS框架,大量使用了C...
分类:
移动开发 时间:
2014-07-28 16:22:32
阅读次数:
324
在线演示使用Bootstrap实现的响应式单页面模板。桌面效果:移动设备效果:阅读全文:超棒的HTML5/CSS3单页面响应式模板(支持Bootstrap)
分类:
Web程序 时间:
2014-07-28 15:30:23
阅读次数:
255
用js来实现动画,我们一般是借助setTimeout或setInterval这两个函数,css3动画出来后,我们又可以使用css3来实现动画了,而且性能和流畅度也得到了很大的提升。但是css3动画还是有不少局限性,比如不是所有属性都能参与动画、动画缓动效果太少、无法完全控制动画过程等等。所以有的时候...
分类:
Web程序 时间:
2014-07-27 22:30:19
阅读次数:
262
12.3 CSS3提供的Animation动画 CSS3提供了强大的Tween动画支持:Animation动画,这种动画允许开发者定义多个关键帧,浏览器 将会负责计算、插入关键帧之间的虚拟动画帧。 CSS3为Animation动画提供了如下几个属性。 animation...
分类:
其他好文 时间:
2014-07-27 22:01:09
阅读次数:
244
使用HTML5开发移动应用时需要适配各种Android平板设备的分辨率和屏幕密度,过程实在很麻烦,最后的解决办法是使用css media query,同时匹配分辨率和屏幕密度,在每个设备上进行兼容性测试,最终保证在多数Android平板上都能较好的显示。
一个典型的针对设备的Css Media Query写法如下,可以保证页面高度充满屏幕,简单的设置height:100%...
分类:
移动开发 时间:
2014-07-26 15:11:30
阅读次数:
298
1、 嘎嘎夏天到了!最近同事分享我一个案例,说这效果不错,看看我能不能实现 ( 鄙人后台程序员,热爱前端,前端是女人的外貌; 后台是女人的内涵) 我们先从外貌说起,看原始案例的效果 外貌看起来 很简洁,主题很明确,效果也很流畅,还算比较炫吧,我一下就喜欢她了!刚开始我以为她的内涵可能是css3...
分类:
其他好文 时间:
2014-07-26 14:43:01
阅读次数:
292
回到顶部 JS 代码backTop =function(){if(!document.querySelector("#backTop")){return;}document.querySelector("#backTop").addEventListener("click",function(){s...
分类:
Web程序 时间:
2014-07-26 01:10:46
阅读次数:
182
/*------------------ITEYE 祈祷幸福(http://qidaoxingfu.iteye.com)原创 转载请注明-----------------*/效果如图。Ps、背景线条是背景图勒,和本文效果无关。。。html代码如下:Html代码专业技能有两种实现方式:1.box-re...
分类:
Web程序 时间:
2014-07-26 00:43:56
阅读次数:
255
按上下文选择元素按祖先元素选择要格式化的元素输入ancestor,这里的ancestor是希望格式化的元素的祖先元素的选择器。输入一个空格(必不可少)。如果需要,对后续的每个祖先元素重复第(1)和 (2)步。输入descendant,这里的descendant是要格式化的元素的选择器。按父元素选择要...
分类:
Web程序 时间:
2014-07-26 00:36:06
阅读次数:
234