移动前端开发

移动前端开发:分享流行的移动前端开发框架、HTML5移动前端开发资讯、移动APP前端开发工具、移动前端开发资源和教程等

来自bootstrap的另外一个前端框架,专门为移动前端而开发的。 Ratchet是一款免费的开源工具,它的主要功能就是,使用简单的HTML、CSS和JS组件就能构建出移动应用程序原型。起初,Ratchet第一个版本是专为ios服务的,而自 ...

阅读全文

CSS3仿手机客户端展开和关闭菜单动画效果

在手机客户端上,我们常常会发现有很多这样子的效果,点击某个按钮,左边隐藏的菜单会出现,内容则被折开。类似于下面这样子。 然后点击菜单跳转之后左边的菜单子弹自动收起来。或者再次点击上面的按钮,同样左边收起来,内容就完整显示了。 这个在web页 ...

阅读全文

在上一篇文章里面我已经介绍过移动菜单的一个比较好的方案,当然针对不同的设计,每个设计师肯定有一个自己的谱,下面来看看移动导航菜单的设计有哪些比较好的,同时会给出一个用js的方案,当然文章作者还是推荐使用css3的效果。前端博客的导航菜单同样 ...

阅读全文

如果你是一名前端er,又想在移动设备上开发出自己的应用,那怎么实现呢?幸好,webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了,现把一些技巧分享给大家 : 1. viewport: 也就是可 ...

阅读全文

针对移动设备的各种平台,Android和ios的触摸事件,调试的时候很不方便,需要使用移动设备来调试,因为pc模拟不了touch事件,这里面给出了一个调试的方法,也借这篇文章系统的学习touch事件的过程与注意点。 简介 诸如智能手机和平板 ...

阅读全文

这篇文章讲到了很多关于手机触摸事件的知识,比如touchstart,touchmove,touchend,对于获取屏幕的左右跟网页版的也是不一样的哦。我以前也比较少接触这方面的知识,最近做一个项目才发现原来用event.pageX是获取不了 ...

阅读全文

如果你是一名前端er,又想在移动设备上开发出自己的应用,那怎么实现呢?幸好,webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了,现把一些技巧分享给大家 : 1. viewport: 也就是可 ...

阅读全文

响应式web设计(Responsive Web design)的理念是页面的设计与开发应当根据设备环境(屏幕尺寸、屏幕定向、系统平台等)以及用户行为(改 变窗口大小等)进行相应的响应和调整。 具体的实践方式由多方面组成,包括弹性网格和布局、 ...

阅读全文

我是被人硬拉上岗的。移动开发可以说是刚入门。之前虽然说做PC端方面已经很熟练,但面对移动版开始却是无从下手,为什么呢?因为要兼容各种设备啊。 最近整理的移动端 web 开发前端知识,不定期更新。 热门学习: 微信扫描打开APP下载链接提示代 ...

阅读全文