Jetstrap:Bootstrap的可视化制作工具

标签: 国外创业公司 Bootstrap Jetstrap | 发表时间:2012-09-26 11:12 | 作者:王壮
出处:http://www.36kr.com

国外开发者为Twitter的开源Bootstrap前端框架做了一个可视化制作工具,允许其他开发者、设计师直接在网页端拖拽各个组件就可以制作出漂亮的网页。我们先看一段视频介绍:

iOS设备点击 这里观看

如果你不了解Bootstrap,可以看我们 之前的文章

Bootstrap是一套用于开发网页应用,符合HTML和CSS简洁但优美规范的库。Bootstrap的CSS框架由动态CSS语言Less写成,在很多方面类似 Blueprint。 经过Node.js编译后,Bootstrap就是众多CSS的合集。Mark Otto在Twitter开发官方博客表示,Bootstrap”用到了一些最新的浏览器技术,可以为你提供精致的网页排版方式以及表单、按钮、表格、网 格、导航等诸多网页设计中会用到的元素”。轻量级的Bootstrap用gzip压缩后大小仅有6k。由于Firefox,Chrome和Safari等 浏览器对W3C标准有着较好的支持,Bootstrap在网页跨浏览器兼容方面应该会有不错表现。

通过 Jetstrap制作出来的网页100%符合Bootstrap标准。比如说你只要设计了电脑端的页面,它会自动适配手机端和Pad端(响应式设计)。

这个工具有利于那些想快速搭建一个简单网页的用户,不需要去学习太多东西就可以做到。我们可以把它比作成一个网页版的Dreamweaver,但是使用更加简单。

目前Jetstrap是免费的工具,但是以后可能会要收费。

除非注明,本站文章均为原创或编译,转载请注明: 文章来自 36氪

来微信加36氪为好友吧,打开微信“添加朋友”->按号码查找,然后输入“36氪”添加好友。[ 二维码]

相关 [jetstrap bootstrap 可视化] 推荐:

【layoutit!】基于 bootstrap 实现可视化布局工具

- - justjavac(迷渡)
Layout It 是一个在线工具, 它可以简单而又快速搭建 Bootstrap 响应式布局,操作基本是使用拖动方式来完成,很简单哦,而元素都是基于Bootstrap框架集成的, 所以这工具很适合网页设计师和前端开发人员使用,快捷方便,好吧,接下来大家一起试试这个Layout It布局工具.

[原]Bootstrap,Bagging,Boosting

- - 狮子座明仔知识集散场
Bootstrap(自助法). Bootstrap,即“自助法”,是用小样本来估计大样本的统计方法. 子样本之于样本,可以类比样本之于总体. 你要统计你们小区里男女比例,可是你全部知道整个小区的人分别是男还是女很麻烦对吧. 于是你搬了个板凳坐在小区门口,花了十五分钟去数,准备了200张小纸条,有一个男的走过去,你就拿出一个小纸条写上“M”,有一个女的过去你就写一个“S”.

Bootstrap,网站模板,bootstrap模板

- - CSDN博客Web前端推荐文章
日期:2013-3-31  来源: GBin1.com. Charisma是一套全功能的,免费,会员质量的响应式HTML5管理员界面模板,基于 "Bootstrap",拥有了9套不同的主题颜色内容,可以满足你的不同需要. 完全响应式,针对了移动设备和触摸设备优化. 基于bootstrap,同时也支持jQuery UI.

向Twitter Bootstrap 学习什么?

- junyu - 知乎的博客
什么是 Twitter Bootstrap. Twitter 有一位风格清新的设计师 Mark Otto(此人之前在 Zurb)[1],他负责了很多 Twitter 非前台的页面设计,比如 Dev、Support 和 Promoted Products 的设计. 去年,Mark 在自己网站发布了一套基于 Less [2] 框架的工具合集(mixins)—— Bootstrap.less [3],方便前端开发(静态部分).

BootStrap入门教程 (三)

- - 博客园_首页
      上讲回顾:Bootstrap的基础CSS(Base CSS)提供了优雅,一致的多种基础Html页面要素,包括排版,表格,表单,按钮等,能够满足前端工程师的基本要素需求.       Bootstrap作为完整的前端工具集,内建了大量的强大优雅可重用的组件,包括按钮(Button),导航(Navigation),标签(Labels),徽章(Badges),排版(Typography),缩略图( thumbnails),提醒(Alert),进度条(progress bar),杂项(Miscellaneous).

BootStrap入门教程 (二)

- - 博客园_首页
        上讲回顾:Bootstrap的手脚架(Scaffolding)提供了固定(fixed)和流式(fluid)两种布局,它同时建立了一个宽达940px和12列的格网系统.       基于手脚架(Scaffolding)之上,Bootstrap的基础CSS(Base CSS)提供了一系列的基础Html页面要素,旨在为用户提供新鲜、一致的页面外观和感觉.

BootStrap入门教程 (一)

- - 博客园_首页
     2011年,twitter的“一小撮”工程师为了提高他们内部的分析和管理能力,用业余时间为他们的产品构建了一套易用、优雅、灵活、可扩展的前端工具集-- BootStrap. Bootstrap由 MARK OTTO和 Jacob Thornton所设计和建立,在 github上开源之后,迅速成为该站上最多人 watch& fork的项目.

【外刊IT评论网】Twitter Bootstrap

- - 外刊IT评论网
Bootstrap是一个基于HTML,CSS,JAVASCRIPT的简洁灵活的. 它目前是GitHub 上最火的一个项目. 美国国家航空航天局和美国MSNBC有线新闻频道都使用了它. 本文的作者是Bootstrap的创始人之一. 我并不认为从开发Bootstrap框架中学到了任何东西. 事实上,我非常确信,我不会学到任何东西.

这正在 Bootstrap 化的世界

- - 萝卜网
一、无处不在的 Bootstrap. 你是否见过这样蓝色的光泽效果的文本框. 如果你对以上任何一个问题的回答是「是」的话,或者,或者你见过这种风格的其他元素的话,那么,恭喜您,你也见过 Bootstrap 了. 二、伟大的 Bootstrap. 来自 Twitter 的 Bootstrap 项目是 Twitter 开发的一套设计框架.

免费的响应式Bootstrap模板 - Codester

- - CSDN博客推荐文章
日期:2013-3-3  来源: GBin1.com. Codester是一个基本的个人作品集 Bootstrap模板,帮助设计师,摄影师,图形艺术工作者搭建高度可定制的网站. 拥有自定义包和相关的javascript,css和组件,相信大家肯定喜欢. 兼容各种移动和触摸设备屏幕尺寸. 拥有来自 Template Monster的add-on.