Html5

[AppleLSY]开发Html5+iOS插件

[AppleLSY]开发Html5+iOS插件

William 11个月前 (12-24) 1038浏览 0评论

HBuilder用来写H5项目,Xcode用来写iOS原生的插件,我所需实现的是,在H5页面点击打印,运行iOS原生插件来实现连接蓝牙打印机并打印出获取的内容。 首先去HBuilder文档上,下载HBuilder离线打包iOS版SDK,运行HBui...

[7631997@qq.com]基于webview模式的MUI缩放式侧滑

[7631997@qq.com]基于webview模式的MUI缩放式侧滑

William 11个月前 (12-24) 1017浏览 0评论

MUI提供了非常多的控件,我想其中的侧滑导航大多数MUI使用者都在使用,并且遇到不少难题。MUI模板里面有一个非常亮眼的侧滑导航当属缩放式导航(类手机QQ),这是一个DIV模式的缩放式侧滑,它的优点是可以跟着手势滑动,缺点是不可以复用,其实它还有其它...

[刘欢]HTML5动画与动效之五ANIMATION[前端入门系列]

[刘欢]HTML5动画与动效之五ANIMATION[前端入门系列]

William 12个月前 (11-23) 1146浏览 0评论

我猜,80%的前端在面对loading效果的时候,都会使用现成的loading代码或图片。其实自己动手做做这些小东西也是挺有意思的,至少能够让自己对CSS3和animation动画等方面有更加深入的了解。 大家好,最近几个月工作较忙,有好一阵子没有...

[刘欢]HTML5动画与动效之三逐帧动画[前端入门系列]

[刘欢]HTML5动画与动效之三逐帧动画[前端入门系列]

William 12个月前 (11-23) 1154浏览 2评论

在本系列的前两篇文章中我们分别对transition和animation动画有了基础的了解,这两种动画基本都是基于某种“属性参数变化”的动画。而当我们需要制作一些通过属性变化无法实现的动画效果时,就需要使用逐帧动画。在本篇教程中我们将介绍简单的逐帧...

[刘欢]HTML5动画与动效之二animation动画[前端入门系列]

[刘欢]HTML5动画与动效之二animation动画[前端入门系列]

William 12个月前 (11-23) 1033浏览 0评论

在本系列的第一篇文章中我们对transition动画有了基础的了解,本节我们将通过为图标元素创建动画效果,以此来着重学习另一种动画制作方法:animation动画。因此,本节的主题就是animation动画的理解与运用。 什么是animation动...

[刘欢]HTML5动画与动效之一transition动画[前端入门系列]

[刘欢]HTML5动画与动效之一transition动画[前端入门系列]

William 12个月前 (11-23) 985浏览 0评论

动画是一个Web作品中重要的“调味剂”。 在过去十余年中,web页面动画与动效的实现方式发生了巨大变化。最开始的页面动画往往是以GIF图片为主,其呈现内容大都是各类广告banner、站点链接等,浏览者与动画之间几乎没有交互。 随着Flash的出现,...

[刘欢]HTML+JavaScript自己动手做日历[前端教程]

[刘欢]HTML+JavaScript自己动手做日历[前端教程]

William 12个月前 (11-23) 1425浏览 4评论

当我们需要在页面中显示某月的事项,或是选择某一段日期时,常常要使用到日历组件。这一组件同样有着许多现成的类库,然而亲自动手开发一个日历,从中了解其实现原理也是非常必要的。在本例中我们就将制作一款非常经典的日历组件。 1. 创建DOM代码 本例的HT...

[刘欢]HTML5移动端交互之手势操作篇

[刘欢]HTML5移动端交互之手势操作篇

William 12个月前 (11-23) 1297浏览 0评论

在上一篇文章中,我们了解了移动端使用HTML5来完成触摸操作的基础知识,并实现了一个经典的例子,即用手指在屏幕上“刮奖”,详见:[刘欢]HTML5移动端交互之触摸操作篇。在这一章节中,我们将更加聚焦于HTML5在移动端的手势操作。 本文主要针对HT...

[刘欢]HTML5移动端交互之触摸操作篇

[刘欢]HTML5移动端交互之触摸操作篇

William 12个月前 (11-23) 1000浏览 0评论

在移动设备中,几乎所有的操作都和触摸有关,而基于这一特性,近年来在移动端中也兴起了一些较为特别的交互方式。用手指在屏幕上“刮奖”就是其中的一个非常典型的例子,它不仅需要前端设计师能够熟悉触摸手势的控制方法,还需要设计师掌握一定的图像处理技巧。接下来...