近期,需要将项目从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. IIS 平台NET无后缀名伪静态实现办法

    使用URLRewrite重写链接地址时,当无后缀时,总是找不到文件,不能使用.例如:http://shop.iccoo.cn/7648/ 无后缀形式(当然这个是可以的啦,只是看下链接形式) 当有后缀时 ...

  2. 使用的 SQL Server 版本不支持数据类型“datetime2”.

    错误原因,在使用ado.net entity的时候,entity使用的数据库是sqlserver 2008, 但后来实际使用中使用的数据库是sqlserver 2005, 使用的 SQL Server ...

  3. Oauth2.0

    注:Access token 为第三方平台的token,在用户授权时使用Refresh Token为用户的token get/post参数时,一般采用字典排序

  4. spring 学习之 bean 的注入方式 property和constructor-arg的使用方式

    spring 学习之 bean 的注入方式 property和constructor-arg的使用方式. bean的注入方式: property 注入是: 通过setxx方法注入. construct ...

  5. openscales实现漂亮的冒泡效果

    使用的时候openscales 默认的冒泡效果确实有点简陋,想实现那种看着比较舒服的效果,只能自己定义了.参考现有的openscales实现的方式,它是通过控件的状态实现的,每个状态中使用Path绘制 ...

  6. SplendidCRM中给来自EditView中的listbox控件设置选中值或数据源

    DropDownList list = this.findContol("aas") as DropDownList;list.DataSource = new DataTable ...

  7. listview 的适配器 getview 随着软件健盘显示和隐藏,出现多个空的position问题

    AndroidManifest 里配置 android:windowSoftInputMode="stateHidden|adjustPan" listview的宽高设置成fill ...

  8. LeetCode 135 Candy(贪心算法)

    135. Candy There are N children standing in a line. Each child is assigned a rating value. You are g ...

  9. centos 6.5 x64创建并挂载使用iscsi共享磁盘

    前景摘要:NFS或iSCSI,哪个更好?文件 vs 块NFS使用文件级别的实施,服务器或存储阵列托管整个文件系统,客户到文件系统上读写文件,可以在阵列端对主存储数据进行重复数据删除.iSCSI和FC则 ...

  10. JUC.Lock(锁机制)学习笔记[附详细源码解析]

    锁机制学习笔记 目录: CAS的意义 锁的一些基本原理 ReentrantLock的相关代码结构 两个重要的状态 I.AQS的state(int类型,32位) II.Node的waitStatus 获 ...