手机端页面的底部导航栏,仿照安卓、IOS等Apps应用底部导航栏的设计。许许多多的移动端页面前端框架都有这个组件。AmazeUI也不例外。还提供了分享到站外的分享按钮,组件,完全不用自己写。直接提供国内主流网站的分享,没有那些传说中的facebook之流,完全不用自己改,其效果如下:
其代码如下:...
分类:
其他好文 时间:
2015-05-09 08:57:40
阅读次数:
306
顶部导航条如果你细心留意下现在的页面,实在是太常见了。这个组件在手机端的页面中,同样可以借助AmazeUI这个前端框架实现。与此同时,可以在导航栏的最右方加一个触发侧边导航栏offCanvas。不要再使用BootStrap那种,一旦点击就大幅度下拉的导航了,反正我个人觉得很蛋疼的。一个导航活活地占据了页面大量位置。这个侧边导航栏offCanvas曾经是php方面的WorkPress的优秀设计来的。...
分类:
移动开发 时间:
2015-05-08 22:09:15
阅读次数:
247
本文与《【Ratchet】模态框》(点击打开链接)为姊妹篇,相比之下,AmazeUI的模态框,更加接近于一个alert(),不适合承载过多的内容,但是其优点就是可以通过JS操控,Ratchet仅能通过超级链接a标签打开。
AmazeUI的模态框效果如下:
完全就如同某些手机浏览器对alert()的处理。其现实代码如下:
...
分类:
其他好文 时间:
2015-05-06 17:48:29
阅读次数:
167
本文与《【Ratchet】卡片式布局》(点击打开链接)为姊妹篇,在AmazeUI的官网上没有这种布局,但是,我们可以利用其面板组的方式去实现。
先贴上本网页所处的目录结构,同样地,在windows下的Web文件夹趴了几张图片做实验。当然,为了节省用户的流量与节省服务器的容量,实际的操作中不应该使用如此高清的图片。
做出如下的效果:
其现实的代码如下:
...
分类:
其他好文 时间:
2015-05-04 22:17:57
阅读次数:
141
这个组件在IE上一直很火,其实现可以参考《【JavaScript】原生态兼容IE6的图片轮播》(点击打开链接),AmazeUI同样在移动端提供这样的组件。
其效果如下,这个结果要在谷歌、野狐禅等浏览器的手机端调试模式才能看到,在PC端会布局错乱。
用户可以自由滑动,点击下方的圆点,选择自己要浏览的图片,当鼠标悬停在图片上,其组件则不会继续轮播图片。
实现代码如下:
...
分类:
其他好文 时间:
2015-05-04 22:11:55
阅读次数:
254
虽然这东西号称跨平台支持浏览器,但建议还是不要使用这个前端框架开发PC端的网页,因为这东西不支持IE8以下的浏览器。在PC上不兼容IE6的话,基本可以抛弃了。AmazeUI仅仅用来做移动端的网页还是不错的,其HTML5的特性等很符合手机浏览器的特点。不要妄想能写出一个网页同时兼容PC与手机,应该分开布局。君不见在很多手机版网页的底部有“手机版”与“电脑版”之分吗?
1、这东西直接在AmazeUI...
分类:
其他好文 时间:
2015-05-04 11:58:40
阅读次数:
200
Amaze移动端开发框架:http://amazeui.org/Zepto.js:http://www.css88.com/doc/zeptojs_api/移动端下拉刷新插件:https://github.com/lightningtgc/material-refresh响应式Web设计代码实现:h...
分类:
移动开发 时间:
2015-04-12 19:21:40
阅读次数:
382
参考资料:http://strophe.im/strophejs/ https://github.com/strophe/strophejs-plugins http://amazeui.org/最近公司要做一个微信关注号,用来推广一个关于收发需求的APP,用到了strophe.j...
分类:
Web程序 时间:
2015-03-19 20:05:20
阅读次数:
235
本节教程将讲解扩展包开发和Artisan扩展开发,并浏览不同分辨率下的自适应效果。本节结束后整个教程就结束了,文章最后有完整版程序代码的下载。...
分类:
其他好文 时间:
2015-03-04 17:06:24
阅读次数:
231
一、前言本节教程将讲解错误处理、配置文件的使用、单元测试以及部署到Apache服务器。二、Let‘sgo1.错误处理如果用户访问的URL不存在或者服务器存在错误时,我们不希望返货一个错误的页面,而想返回一个友好提示的页面,在Laravel中可以很轻松地实现,Laravel有很简单的错误和..
分类:
其他好文 时间:
2015-02-28 16:44:34
阅读次数:
180