12个Web设计师必备的Bootstrap工具

Bootstrap是一个非常棒的前端网站开发平台,它提供了大量的开发高体验的、高效的网站所需要的组件。这给网站开发人员与网站设计师提供了很好的便捷性,他们能很快很便捷在这一平台上找到开发所需的所有组件。Bootstrap打破了原有的世界记录,并且在Github的所有项目中排名第一。Bootstrap兼容所有新的浏览器,同时向下兼容IE7.平台能快速响应,就是说,网站的设计与重新缩放是根据终端的用户设备(手机、台式电脑--代码本身会做出相应的调整)、在什么时候被访问。Bootstrap使用html5与css3技术,这可以帮助你加快web app的开发。


Bootstrap 可以算是使用HTML5和CSS3的最快捷的工具了,它简化了开发过程,节省了开发者的时间,并产生了不错的结果——漂亮的客户端页面,满意的访问者以及满意的你。


这个平台有很多非常有用的工具,它们都有非常棒的功能。前一些天,我们为开发者分享了一些最好的bootstrap框架,今天,我们搜集了一些互联网上最好的bootstrap的工具分享给大家。


1) Easel



2) Layoutit


Layoutit 是一个无需精通Javascript,HTML5,CSS3就可以用来帮助你更容易地编写前端代码的非常实用的工具.



3) Jetstrap


Jetstrap 是另外一个很美妙的面向web开发者,设计师的,针对twitter bootstrap的基于web的界面构建工具. 不多的工作和查看文档,Jetstrap 就可以帮助你创建并运行一个超赞的站点.



4) Get kickstrap


Kickstrap将Bootstrap 和最新的web技术无缝的结合在了一起。它非常的高级,表现为它可以运行一个有验证的,数据库驱动的web程序,而不需要本地的后端程序。Kickstrap和JSPM.io合作,为我们提供了一个基于Require.js的强大的管理前端依赖的工具。



5) Flatstrap


Flatstrap 是一个开放的平台可以用来开发一个高效的,富有创造力的网站。



6) Bootstrap Designer


Bootstrap Designer 是一个在线的设计工具,可以生成基于Bootstrap框架的漂亮的HTML5模板。可以使用Bootstrap Designer 来创建各种各样的设计风格:极简风格,黑白风格,另类风格,排版驱动的风格,单色风格,简洁并富有创意的,等等。



7) Bootply


Bootply 是一个专为设计者和开发者设计的完全的HTML, CSS和JavaScript的bootstrap编辑器和构建器。



8) Bootstrap Magic


通过使用这个bootstrap magic框架,开发者可以创建自己的清新的bootstrap主题。



9) Font Awesome


Font Awesome 为你提供了一个可扩展的矢量图标,可以实时的对大小,颜色,阴影,以及其他一些可以通过CSS设置的属性进行自定义。



10) Webflow


Webflow 是一个不用任何代码,仅通过拖拽就可以设计出自定义的,专业网站的构建工具。Webflow 会根据你的设计自动的生成漂亮的代码。你不需要亲自写代码,更不用雇佣一个开发者来为你做这些。



11) fBoot Strapp


Fbootstrapp 是一个用来快速开发facebook风格应用程序的开发包。它包括一些为排版,表单,按钮,表格,网格,导航以及其他组件的基本的CSS和HTML,辅以facebook经典的外观和感觉。



12) x-Editable


该库允许你在你的页面上创建可以编辑的元素。它可以和任何引擎一块儿使用(包括bootstrap, jquery-ui, jquery),并包括了popup和inline模式。



来自:开源中国社区
链接:http://www.oschina.net/translate/12-best-bootstrap-tools-for-web-designers

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于HTML,CSS,JAVASCRIPT的简洁灵活的流行前端框架及交互组件集。 适用于任何场景,适用于每一个人 需要理由来爱上Bootstrap么?那就请接着向下看。 由匠人建,为匠人用 和您一样,我们乐于创造出色的web应用,于是想帮助更多象我们一样的匠人更为高效快捷地构建产品。Bootstrap因此而生。 适应各种技术水平 Bootstrap适应不同技术水平的从业者,无论是设计师还是程序员,大牛还是菜鸟。既能用来开发简单的小东西,也能构造更为复杂的应用。 跨设备,跨浏览器 最初设想中的Bootstrap只支持现代浏览器,不过新版本已经能支持所有主流浏览器(甚至包括IE7)。从Bootstrap 2开始,提供对平板和智能手机的支持。 12列栅格布局 栅格系统不是万能的,不过在应用的核心层有一个稳定和灵活的栅格系统确实可以让开发变得更简单。可以选用内置的栅格或是自己手写。 响应式设计 从Bootstrap 2开始,提供完整的响应式特性。所有的组件都能根据分辨率和设备灵活缩放,从而提供一致性的用户体验。 样式化的文档 与其他前端工具箱不同,Bootstrap优先设计了一个样式化的使用指南,不仅用来介绍特性,更用以展示最佳实践,应用以及代码实例。 不断完善的库 尽管只有10kb(gzip压缩后),Bootstrap却仍是最完备的前端工具箱之一,提供了几十个全功能的随时可用的组件。 定制的jQuery插件 一个出色的组件设计岂能没有易用易扩展的人机界面?Bootstrap为此提供了定制的jQuery内置插件。 用LESS构建 当传统的枯燥CSS写法止步不前时,LESS横空出世了。LESS中使用变量,嵌套,操作,混合编码,花费很小成本却让书写CSS更快更灵活。 HTML5 支持HTML5标签和语法 CSS3 逐步改进组件达到最终效果 开源 全部托管于 GitHub. Twitter制造 由经验丰富的工程师和设计师奉献
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值