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

40个有用的Bootstrap工具和WEB开发工具_第1张图片
对于现在很多公司在设置网页制作这一部分的时候,已经开始越来越细化其中的工作分类。从几年前的先设计后制作的网页制作职位,到现在的网页艺术设计和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.

40个有用的Bootstrap工具和WEB开发工具_第2张图片

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.

40个有用的Bootstrap工具和WEB开发工具_第3张图片

Bootply

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

40个有用的Bootstrap工具和WEB开发工具_第4张图片

Bootstraptor

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

40个有用的Bootstrap工具和WEB开发工具_第5张图片

Bootstrap Prompts

BootStrap Alert with modal instead of Browser alert.

40个有用的Bootstrap工具和WEB开发工具_第6张图片

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.

40个有用的Bootstrap工具和WEB开发工具_第7张图片

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.

40个有用的Bootstrap工具和WEB开发工具_第8张图片

Tablecloth.js

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

40个有用的Bootstrap工具和WEB开发工具_第9张图片

WordPress Twitter Bootstrap CSS

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

40个有用的Bootstrap工具和WEB开发工具_第10张图片

Jetstrap – Web-Based Interface Building Tool for Bootstrap

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

40个有用的Bootstrap工具和WEB开发工具_第11张图片

Bootstrap Button Generator

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

40个有用的Bootstrap工具和WEB开发工具_第12张图片

Divshot – The Bootstrap Interface Builder for Web Apps

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

40个有用的Bootstrap工具和WEB开发工具_第13张图片

Bootstrap Lightbox

A simple lightbox plugin based on the bootstrap modal plugin.

40个有用的Bootstrap工具和WEB开发工具_第14张图片

jQuery UI Bootstrap

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

40个有用的Bootstrap工具和WEB开发工具_第15张图片

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.

40个有用的Bootstrap工具和WEB开发工具_第16张图片

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.

40个有用的Bootstrap工具和WEB开发工具_第17张图片

jQuery File Upload

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

40个有用的Bootstrap工具和WEB开发工具_第18张图片

Pines Notify

JavaScript notifications for Bootstrap or jQuery UI.

40个有用的Bootstrap工具和WEB开发工具_第19张图片

PrettyCheckable

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

40个有用的Bootstrap工具和WEB开发工具_第20张图片

Bootpag – Dynamic Pagination

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

40个有用的Bootstrap工具和WEB开发工具_第21张图片

BootTheme

Create Themes, Mockups, Websites.

40个有用的Bootstrap工具和WEB开发工具_第22张图片

Built With Bootstrap

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

40个有用的Bootstrap工具和WEB开发工具_第23张图片

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.

40个有用的Bootstrap工具和WEB开发工具_第24张图片

Grid Displayer Bookmarklet for Bootstrap

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

40个有用的Bootstrap工具和WEB开发工具_第25张图片

Lavish – Generate your own Bootstrap Color Scheme

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

40个有用的Bootstrap工具和WEB开发工具_第26张图片

BootMetro Tool

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

40个有用的Bootstrap工具和WEB开发工具_第27张图片

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.

40个有用的Bootstrap工具和WEB开发工具_第28张图片

jQuery-Mobile-Bootstrap-Theme

A jQuery Mobile theme based on Twitter Bootstrap.

40个有用的Bootstrap工具和WEB开发工具_第29张图片

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!

40个有用的Bootstrap工具和WEB开发工具_第30张图片

Modern WordPress Theme Development

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

40个有用的Bootstrap工具和WEB开发工具_第31张图片

Bootstrap Tags

Javascript tagging for Twitter Bootstrap (Written in CoffeeScript)

40个有用的Bootstrap工具和WEB开发工具_第32张图片

Datepicker for Bootstrap

Add datepicker picker to field or to any other element.

40个有用的Bootstrap工具和WEB开发工具_第33张图片

Hover Dropdown

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

40个有用的Bootstrap工具和WEB开发工具_第34张图片

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.

40个有用的Bootstrap工具和WEB开发工具_第35张图片

Sublime Text 2 Bootstrap Snippets

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

40个有用的Bootstrap工具和WEB开发工具_第36张图片

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.

40个有用的Bootstrap工具和WEB开发工具_第37张图片

PaintStrap

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

40个有用的Bootstrap工具和WEB开发工具_第38张图片

Bootstrap Modal

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

40个有用的Bootstrap工具和WEB开发工具_第39张图片

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.

40个有用的Bootstrap工具和WEB开发工具_第40张图片

Bootswatch

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

40个有用的Bootstrap工具和WEB开发工具_第41张图片

40个有用的Bootstrap工具和WEB开发工具_第42张图片

Via

猜您也喜欢:
40个有用的Bootstrap工具和WEB开发工具_第43张图片
50个WEB开发人员需要的jQuery插件

WEB设计师和开发人员需要的新鲜资源
40个有用的Bootstrap工具和WEB开发工具_第44张图片
35+WEB设计开发者的幽默T恤设计

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

你可能感兴趣的:(Web,bootstrap,网站设计,网页设计)