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

老虎说测试 前端技术字数 1085阅读3分37秒阅读模式
摘要Bootstrap 可以算是使用HTML5和CSS3的最快捷的工具了,它简化了开发过程,节省了开发者的时间,并产生了不错的结果——漂亮的客户端页面,满意的访问者以及满意的你。这个平...

1) Easel

12 个 Web 设计师必备的 Bootstrap 工具-图片1

2) Layoutit

Layoutit 是一个无需精通Javascript,HTML5,CSS3就可以用来帮助你更容易地编写前端代码的非常实用的工具.文章源自陈学虎-https://chenxuehu.com/article/2014/06/2725.html

12 个 Web 设计师必备的 Bootstrap 工具-图片2文章源自陈学虎-https://chenxuehu.com/article/2014/06/2725.html

3) Jetstrap

Jetstrap 是另外一个很美妙的面向web开发者,设计师的,针对twitter bootstrap的基于web的界面构建工具. 不多的工作和查看文档,Jetstrap 就可以帮助你创建并运行一个超赞的站点.文章源自陈学虎-https://chenxuehu.com/article/2014/06/2725.html

12 个 Web 设计师必备的 Bootstrap 工具-图片3文章源自陈学虎-https://chenxuehu.com/article/2014/06/2725.html

4) Get kickstrap

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

12 个 Web 设计师必备的 Bootstrap 工具-图片4文章源自陈学虎-https://chenxuehu.com/article/2014/06/2725.html

5) Flatstrap

Flatstrap 是一个开放的平台可以用来开发一个高效的,富有创造力的网站。文章源自陈学虎-https://chenxuehu.com/article/2014/06/2725.html

12 个 Web 设计师必备的 Bootstrap 工具-图片5文章源自陈学虎-https://chenxuehu.com/article/2014/06/2725.html

6) Bootstrap Designer

Bootstrap Designer 是一个在线的设计工具,可以生成基于Bootstrap框架的漂亮的HTML5模板。可以使用Bootstrap Designer 来创建各种各样的设计风格:极简风格,黑白风格,另类风格,排版驱动的风格,单色风格,简洁并富有创意的,等等。文章源自陈学虎-https://chenxuehu.com/article/2014/06/2725.html

12 个 Web 设计师必备的 Bootstrap 工具-图片6文章源自陈学虎-https://chenxuehu.com/article/2014/06/2725.html

7) Bootply

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

12 个 Web 设计师必备的 Bootstrap 工具-图片7

8) Bootstrap Magic

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

12 个 Web 设计师必备的 Bootstrap 工具-图片8

9) Font Awesome

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

12 个 Web 设计师必备的 Bootstrap 工具-图片9

 

10) Webflow

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

12 个 Web 设计师必备的 Bootstrap 工具-图片10

11) fBoot Strapp

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

12 个 Web 设计师必备的 Bootstrap 工具-图片11

12) x-Editable

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

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

 最后更新:2022-3-15
  • 版权声明:本文为原创文章,转载请附上原文出处链接及本声明。
  • 转载请注明:12 个 Web 设计师必备的 Bootstrap 工具 | https://chenxuehu.com/article/2014/06/2725.html