40个有用的Bootstrap工具和WEB开发工具

标签: 网页设计 bootstrap WEB 网站设计 | 发表时间:2014-01-10 12:46 | 作者:jackchen
出处:http://www.jackchen.cn/blog

bootstraptoolsweb2
对于现在很多公司在设置网页制作这一部分的时候,已经开始越来越细化其中的工作分类。从几年前的先设计后制作的网页制作职位,到现在的网页艺术设计和WEB前端设计,动画等都已经分工明确起来。网页在这几年迅速发展的同时也催生了很多新的技术分类。这是好事,可以更细化让成品变得更精致,让维护变得更轻松。那么如果你是一名WEB前端人员那么你一定对这两年来很风光的一些前端框架一定不会陌生。比如Bootstrap等。这些属于前端框架,这些框架制定了一套自己的规则。你可以按照这套规则去快速架构出一个前端界面和网站出来。非常便捷。这将是一个非常大的趋势。今天我们要分享的就是这样的一些工具。这些工具可以让你在以后的设计和开发中大大提高效率。让很多不可能变成可能。
Twitter Bootstrap WordPress Themes

Brag Themes provides high quality, unique WordPress themes that utilize the Twitter Bootstrap framework for your business and personal sites.

bootstraptoolsweb1

Kickstrap

A complete kit for making websites. The first of its kind, Kickstrap is a no-install front-end framework with apps, themes, and extras.

bootstraptoolsweb21

Bootply

Bootply makes it easy to use other popular plugins, micro-libraries and frameworks.

bootstraptoolsweb2

Bootstraptor

Templates KIT & themes pack built with Bootstrap 3.0.v.

bootstraptoolsweb3

Bootstrap Prompts

BootStrap Alert with modal instead of Browser alert.

bootstraptoolsweb4

Bootstrap wysihtml5

Bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of wysihtml5 and Twitter Bootstrap.

bootstraptoolsweb5

Bootstrap Arrows jQuery Plugin

A simple jQuery plugin and add-on to the popular Twitter Bootstrap framework to include the use of arrows at any angle in your UI designs.

bootstraptoolsweb7

Tablecloth.js

tablecloth.js is a jQuery plugin that helps you easily style HTML tables along with some simple customizations.

bootstraptoolsweb8

WordPress Twitter Bootstrap CSS

WordPress Twitter Bootstrap CSS lets you include the latest Twitter Bootstrap CSS and Javascript libraries in your WordPress site.

bootstraptoolsweb9

Jetstrap – Web-Based Interface Building Tool for Bootstrap

Not just a mock-up tool, Jetstrap is the premier interface-building tool for Bootstrap 3.

bootstraptoolsweb10

Bootstrap Button Generator

Twitter Bootstrap Button Generator – the easiest way how to set up your buttons based on Twitter Bootstrap in a seconds.

bootstraptoolsweb11

Divshot – The Bootstrap Interface Builder for Web Apps

As simple as a mockup tool. As powerful as a text editor.

bootstraptoolsweb12

Bootstrap Lightbox

A simple lightbox plugin based on the bootstrap modal plugin.

bootstraptoolsweb6

jQuery UI Bootstrap

A Bootstrap-themed kickstart for jQuery UI widgets (v0.5).

bootstraptoolsweb13

X-Editable

This library allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes.

bootstraptoolsweb14

jQuery Simple Color Picker

Yet another jQuery color picker. This plugin is unobtrusive and integrates well with Twitter Bootstrap (it works just fine without). The source code only requires jQuery and is about 200 lines of JavaScript and 100 lines of CSS.

bootstraptoolsweb15

jQuery File Upload

File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery.

bootstraptoolsweb16

Pines Notify

JavaScript notifications for Bootstrap or jQuery UI.

bootstraptoolsweb17

PrettyCheckable

This plugin replaces the default checkboxes and radio inputs for better looking ones.

bootstraptoolsweb19

Bootpag – Dynamic Pagination

This is bootpag – dynamic pagination jQuery plugin. Works well with twitter bootstrap or standalone.

bootstraptoolsweb20

BootTheme

Create Themes, Mockups, Websites.

bootstraptoolsweb22

Built With Bootstrap

A showcase of sites and apps built with BootstrapSubmit Your Site.

bootstraptoolsweb23

Fuel UX

Fuel UX extends Twitter Bootstrap with additional lightweight JavaScript controls. Other benefits include easy installation into web projects, integrated scripts for customizing Bootstrap and Fuel UX, simple updates, and solid optimization for deployment. All functionality is covered by live documentation and unit tests.

bootstraptoolsweb24

Grid Displayer Bookmarklet for Bootstrap

In-browser web design made easier with this bookmarklet which displays the grid of your favourite front-end framework.

bootstraptoolsweb25

Lavish – Generate your own Bootstrap Color Scheme

Generate your own Bootstrap color scheme from an image and customize to your taste.

bootstraptoolsweb26

BootMetro Tool

Simple and flexible web framework to create elegant and modern web applications with the same look & feel of Windows 8.

bootstraptoolsweb27

Flat UI Free

Flat UI Free is made on the basis of Twitter Bootstrap in a stunning flat-style, and the kit also includes a PSD version for designers.

bootstraptoolsweb28

jQuery-Mobile-Bootstrap-Theme

A jQuery Mobile theme based on Twitter Bootstrap.

bootstraptoolsweb29

Initializr Bootstrap Tool

Initializr is an HTML5 templates generator to help you getting started with a new project based on HTML5 Boilerplate. It generates for you a clean customizable template with just what you need to start!

bootstraptoolsweb30

Modern WordPress Theme Development

Roots is a WordPress starter theme based on HTML5 Boilerplate & Bootstrap that will help you make better themes.

bootstraptoolsweb31

Bootstrap Tags

Javascript tagging for Twitter Bootstrap (Written in CoffeeScript)

bootstraptoolsweb32

Datepicker for Bootstrap

Add datepicker picker to field or to any other element.

bootstraptoolsweb33

Hover Dropdown

An unofficial Twitter Bootstrap plugin to enable Twitter Bootstrap dropdowns to activate on hover and provide a nice user experience.

bootstraptoolsweb34

jQuery Form Validation with Styles

The jQuery Validate plugin by Jorn Zaefferer is a fantastic tool for providing users with immediate feedback while completing a web form.

bootstraptoolsweb35

Sublime Text 2 Bootstrap Snippets

A bunch of nicely described and categorized Twitter Bootstrap code snippets for Sublime Text editor.

bootstraptoolsweb36

Bootstrap ThemeRoller – Customize the Look and Feel of Bootstrap

A handy and intuitive application that provides a visual interface to customize your favorite Bootstrap from Twitter.

bootstraptoolsweb37

PaintStrap

Generate beautiful Twitter Bootstrap themes using the Adobe kuler / COLOURlovers color scheme.

bootstraptoolsweb38

Bootstrap Modal

Extends the default Bootstrap Modal class. Responsive, stackable, ajax and more.

bootstraptoolsweb39

Bootbox.js Bootstrap Tool

Bootbox.js is a small JavaScript library which allows you to create programmatic dialog boxes using Twitter’s Bootstrap modals, without having to worry about creating, managing or removing any of the required DOM elements or JS event handlers.

bootstraptoolsweb40

Bootswatch

Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values.

bootstraptoolsweb41

Via

猜您也喜欢:

50个WEB开发人员需要的jQuery插件

WEB设计师和开发人员需要的新鲜资源

35+WEB设计开发者的幽默T恤设计

WEB设计师和开发人员需要的新鲜资源
无觅

相关 [bootstrap 工具 web] 推荐:

40个有用的Bootstrap工具和WEB开发工具

- - Jackchen Design 1984
对于现在很多公司在设置网页制作这一部分的时候,已经开始越来越细化其中的工作分类. 从几年前的先设计后制作的网页制作职位,到现在的网页艺术设计和WEB前端设计,动画等都已经分工明确起来. 网页在这几年迅速发展的同时也催生了很多新的技术分类. 这是好事,可以更细化让成品变得更精致,让维护变得更轻松. 那么如果你是一名WEB前端人员那么你一定对这两年来很风光的一些前端框架一定不会陌生.

向Web开发人员推荐12款优秀的 Twitter Bootstrap 组件和工具

- - 博客园_梦想天空
  Bootstrap 是基于 HTML,CSS 和 JavaScript 的简洁灵活的流行前端框架及交互组件集,由微博的先驱 Twitter 在2011年8月开源的整套前端解决解决方案. Bootstrap 有非常完备和详尽的开发文档,. Web 开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果.

轻量级前端开发工具Bootstrap重大改进,Twitter发布Bootstrap 2.0

- - 36氪
Twitter今日在 开发者博客上公布消息, 6个月前发布的轻量级前端开发工具Bootstrap迎来重大改进,正式升级为Bootstrap 2.0( 下载源码). 和原来一样,Bootstrap 2.0仍然是一个托管在GitHub上的开源项目. 去年8月,Twitter推出了用于快速搭建网页应用的轻量级前端开发工具Bootstrap,由Twitter的设计师 Mark Otto和 Jacob Thornton合作完成.

Twitter推出轻量级前端开发工具Bootstrap

- 可可 - 36氪
Twitter刚刚推出了一套用于快速搭建网页应用的轻量级前端开发工具Bootstrap. Bootstrap工具由Twitter设计师Mark Otto和Jacob Thornton合作开发. 你可以从GitHub上获取这套源码,相关示例请查看这里. Bootstrap是一套用于开发网页应用,符合HTML和CSS简洁但优美规范的库.

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

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

Bootstrap: Webアプリケーションのための高度なCSSフロントエンドを手早く作れるツールをTwitterがリリース

- 三十不归 - TechCrunch Japan
Twitterが今日(米国時間8/19)、Bootstrapをリリースした. CSSを使うWebアプリケーションを作るためのツールキットで、CSSの文字指定、フォーム、ボタン、テーブル、グリッド、ナビゲーション、アラートなどなどを使ってアプリケーションのフロントエンドを作る. Bootstrapの入手は、GitHubのここで.

[原]Bootstrap,Bagging,Boosting

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

Mobile Web调试工具Weinre

- - 移动开发 - ITeye博客
现在、将来,用移动设备上网越来越成为主流. 但对于开发者们来说,移动web的调试一直是个难题,前期可以使用模拟器来协助调试,但到了真机调试阶段就让人非常头痛. 而Weinre就是解决这难题的利器.   Weinre的本意是Web Inspector Remote,它是一种远程调试工具. 功能与Firebug、Webkit inspector类似,可以帮助我们即时更改页面元素、样式,调试JS等,下面就简单介绍下如何使用.

Bootstrap,网站模板,bootstrap模板

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

『Google发布移动Web性能工具PCAP Web Performance Analyzer』

- - jackyrong
最近,Google的Page Speed团队一直在关注如何更好的优化移动Web应用性能. 虽然我们拥有类似Firebug、Page Speed、YSlow!和Chrome/Safari Developer Tools等优秀工具,但是移动浏览器缺少这样的性能分析利器. 为此,Page Speed团队发布了一个分析移动浏览器网络信息的工具——PCAP Web Performance Analyzer.