近期,需要将项目从pc端的应用扩展到移动端。

当然移动框架的第一选择必然是bootstrap,但是bootstrap作为移动端明显过于死板,而且作为国外的产品,对于国内的应用明显水土不服。框架里总有那么些部分不符合心意,如果自己扩展,那就不是一般的工作量了。

然后是wex5,宣传上是最强大的移动开发框架,一旦测试,采用java的模式,将一个简单的工作直接变成了另一个windows编程的学习,那是一次痛苦的体验。当然也是因为wex5主要目标是app,而我要的仅仅是移动wap端。(wap这个词实际上十分的不准确,实际上是手机浏览器使用的页面,在当前的情况下应该以及是html5的移动端了)

然后是se7en等bootstrap的扩展库,表现还可以,但是速度太慢,在本机浏览器打开,都需要点根烟的时间,无法忍受。

然后是对电商模板以及,pigcms的移动端模式的考虑,这两种模式,表现的还不错,无论从速度还是表现样式。但是这不是框架,只能是一种借鉴。

然后是amaze ui,semantic ui,foundation,flat ui,ionic ui,angular ui,jquery mobile,easyui mobile等等等等

终于看了雷同学的这篇文章2015年最全的移动WEB前端UI框架。标志这我的移动端ui的选择终于有了眉目。

这里面的16个框架我都仔细的研究了一遍,于是本文的主角浮现了出来:

文章中是这样介绍的:

拼图号称中国版的Bootstrap,优秀的跨屏响应式布局前端开发框架(CSS框架),国内前端框架先驱及领导者,能自动适应电脑、平板、手机等设备,让web前端开发更简单、快速、便捷。拼图官网:http://www.pintuer.com/

打开界面测试,十分高兴,这是我要的ui移动端框架,达到了我如下的标准:

1、要足够简单,不要太陡的学习曲线,不然还是自己扒css样式算了

2、要有足有完整的移动办公使用的ui样式以及ui组件,这对于一个没有审美水准的程序员简直就是衣食父母

3、最好是中国团队在执刀,这样界面元素才能服中国的水土。

4、方便自己在使用时扩展

这几点,拼图pintuer都完美的实现了,十分高兴国内能有这样的团队。

另外提几点建议:

1、名称不要直接叫拼图,应该叫拼图ui框架,或者直接叫 pintuer ui框架,这样方便推广,因为拼图这个名称容易混淆,在百度的时候也不方便。

2、建议方向关注移动端,尤其是移动端的管理办公方面的模板,这一部分我研究了很久,没有发现有特别好的适合国内习惯的移动ui框架。国外的框架都或多或少de 水土不服。

再次感谢拼图团队给我带来的惊喜,希望拼图真的能够成为中国的bootstrap

2016国内最值得期待的响应式前端框架pintuer(拼图)--http://www.pintuer.com的更多相关文章

  1. Foundation 5 发布!最先进的响应式前端框架

    数以百万计的设计师和工程师采用 Foundation 作为他们的产品和网站设计的前端框架.Foundation 是第一个响应式.语义化和移动优先的开源框架.最新发布的 Foundation 5 是最先 ...

  2. 响应式前端框架Bootstrap系列(11)分页

    分页功能已经封装成一个独立的js文件,也是用bs完成的,名称为bootstrap-paginator.js. 使用前先导入文件 : <script src="../libs/boots ...

  3. Crumpet – 使用很简单的响应式前端开发框架

    Crumpet 是一个简单的响应式的基于 SASS/SCSS 的响应式前端框架,保持你的 HTML 代码简洁.内置尽量使用占位符选择器,以减少你的 HTML 标记的大小,没有凌乱的 HTML 代码.快 ...

  4. elf,基于flexbox的响应式CSS框架

    官网地址:http://jrainlau.github.io/elf/项目地址:https://github.com/jrainlau/elf 介绍 取名为"精灵"的elf,是一个 ...

  5. 16个最佳响应式HTML5框架分享

    HTML5框架可以快速构建响应式网站,它们帮助程序员减少编码工作,减少冗余的代码.如今有很多免费的HTML5框架可供使用,由于它们有着响应式设计.跨浏览器兼容.相对轻量级等特点,这些框架在开发中都十分 ...

  6. EDM响应式邮件框架:MJML

    概述 新课题研究:响应式邮件框架MJML(MJML官网:https://mjml.io/)姐妹篇: EDM响应式邮件框架:Formerly Ink 介绍 MJML是一种标记语言,设计用于轻松实现一个响 ...

  7. Flex box弹性布局 及 响应式前端设计的优化

    Flex box弹性布局 Flex box是CSS3新添加的一种模型属性,它的出现有力的打破了我们常常使用的浮动布局.实现垂直等高.水平均分.按比例划分,可以实现许多我们之前做不到的自适应布局.如果你 ...

  8. SpaceBase – 基于 Sass 的响应式 CSS 框架

    SpaceBase 是一个基于 Sass 的响应式 CSS 框架.SpaceBase 是可以在建立和定制您的需要的一个样板层,它结合最佳实践为今天的响应式网页与我们对每一个项目中使用的核心组件. 在线 ...

  9. Furatto – 轻量,友好的响应式前端开发框架

    Furatto 是一个基于 Bootstrap & Foundation 的前端开发框架,用于快速开发网站.这个框架采用流行的扁平化设计和响应式设计.除了布局和网格之外,所有的主要元素都有预定 ...

随机推荐

  1. double四舍五入,商品金额大小写转换,设置货币的小数位数跟格式输出,进制转化

      1:计算double值四舍五入的方法 对小数数值进行四舍五入,首先应该确认保留小数位, 如果数值的小数精度大于保留小数位,那么开始四舍五入计算.四舍五入的方法非常简单,在所有要丢失精度的小数位中加 ...

  2. 安装部署完office web apps 后,无法浏览Word

    安装部署完office web apps 后,在sharepoint 2010浏览器中浏览Word提示:“由于出现意外错误,Word Web App 无法打开此 文档 进行查看. 要查看此 文档,请在 ...

  3. messagePaneHost

    Microsoft.Dynamics.Framework.UI.WinForms.Controls.MessageBarType messageBarType; super(); imageList ...

  4. centos7 下修改时区

    #timedatectl status //显示当前设置 #timedatectl list-timezones //列出时区 #timedatectl set-timezone Asia/Shang ...

  5. Junit4断言

    Junit4断言API: http://junit.org/javadoc/latest/index.html Constructor Summary protected Assert()       ...

  6. Android-----test----monkeyrunner

    1.下载  monkey_recorder.py和monkey_playback.py这两个文件: 2.存放到对应的虚拟机的tools文件夹下,如我的 D:\adt-bundle-windows-x8 ...

  7. 从request获取远程IP地址

    public static String getIpAddr(HttpServletRequest request) { String ip = request.getHeader("X-F ...

  8. 织梦系统“当前位置”{dede:field.position}的修改方法

    dedecms中修改当前位置{dede:field.position},就是只要首页>一级栏目>二级栏目这样.找到include/typelink.class.php,找到这个文件里的这个 ...

  9. MongoDB(七)MongoDb数据结构

    首先,向数据库插入一条bjson数据 首先是定义文档,然后使用admin用户名密码登录,进入test数据库,向test数据库中插入此文档("表名称和表中的记录") 插入结果,查看m ...

  10. PS1应用之——修改linux终端命令行各字体颜色

    最近在学习linux操作系统(CentOS 6 & CentOS 7).觉得linux终端命令行全部为白色,会经常导致命令与输出内容难以分辨.于是上网找到修改linux终端命令行颜色的方法,发 ...