近期,需要将项目从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. Access自动编号的初始值设置及重置编号

    项目上需要在Access数据库,发现自动编号的列无法设置初始值和步长,但是可以使用SQL语句来设置它. 方法如下: ALTER TABLE tableName ALTER COLUMN ID COUN ...

  2. eclispe 无法启动调试 cannot connect to VM

    eclispe中,点击调试运行java项目,出现 cannot connect to VM 正常的运行项目,没问题: 以为是jdk的安装路径等的问题,还有杀毒软件等等,都没有正常: 后来找到是wins ...

  3. mac-android-虚机加速

    mac下进行android编程不可避免会碰到android虚拟机问题,macbook pro启动虚机时报错: Starting emulator for AVD 'NEW' emulator: ERR ...

  4. .net framework 3.5sp1 安装不成功

    主要还是进程中有程序和正在安装的 framework 3.5sp1有冲突.打开任务管理器,关闭所有360进程和与Framework有关的进程.竟然安装成功了,折腾了3.4天的问题,就这么解决了.

  5. C#小程序飞行棋关卡操作

    飞行棋关卡操作 1.分析设计 飞行棋的基本规则为二人轮流掷骰子,则此处为循环结构,然后根据投掷出的点数进行前进<注:在每一步前进之后均应该判断是否走完了游戏>,在遇到关卡时进行相应的操作, ...

  6. 《JavaScript高级程序设计》学习笔记(5)——面向对象编程

    欢迎关注本人的微信公众号"前端小填填",专注前端技术的基础和项目开发的学习. 本节内容对应<JavaScript高级程序设计>的第六章内容. 1.面向对象(Object ...

  7. css3动画(@keyframes和animation的用法)

    animation基本用法是: animation: name keeping-time animate-function delay times iteration final; 第一个参数:nam ...

  8. leetcode-【中等题】5. Longest Palindromic Substring

    题目 Given a string S, find the longest palindromic substring in S. You may assume that the maximum le ...

  9. MyBatis学习总结(七)——Mybatis缓存(转载)

      孤傲苍狼 只为成功找方法,不为失败找借口! MyBatis学习总结(七)--Mybatis缓存 一.MyBatis缓存介绍 正如大多数持久层框架一样,MyBatis 同样提供了一级缓存和二级缓存的 ...

  10. mysql优化笔记

    query_cache_size 查询缓存 query_cache_type缓存是否打开 OFF/ON read_buffer_size读缓存SET GLOBAL query_cache_size=1 ...