PS设计教程网欢迎你!

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

文章来源于 优设,感谢作者 佚名 给我们带来经精彩的文章!
设计教程/摄影作品/其他资讯2014-01-17
对于现在很多公司在设置网页制作这一部分的时候,已经开始越来越细化其中的工作分类。从几年前的先设计后制作的网页制作职位,到现在的网页艺术设计和WEB前端设计,动画等都已经分工明确起来。网页在这几年迅速发展的同时也催生了很多新的技术分类。

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

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开发工具

Bootply

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

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

Bootstraptor

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

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

Bootstrap Prompts

BootStrap Alert with modal instead of Browser alert.

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

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开发工具

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开发工具

Tablecloth.js

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

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

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开发工具

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开发工具

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开发工具

Divshot – The Bootstrap Interface Builder for Web Apps

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

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

Bootstrap Lightbox

A simple lightbox plugin based on the bootstrap modal plugin.

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

jQuery UI Bootstrap

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

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

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开发工具

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开发工具

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开发工具

Pines Notify

JavaScript notifications for Bootstrap or jQuery UI.

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

PrettyCheckable

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

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

Bootpag – Dynamic Pagination

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

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

BootTheme

Create Themes, Mockups, Websites.

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

Built With Bootstrap

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

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

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开发工具

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开发工具

Lavish – Generate your own Bootstrap Color Scheme

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

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

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开发工具

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开发工具

jQuery-Mobile-Bootstrap-Theme

A jQuery Mobile theme based on Twitter Bootstrap.

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

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开发工具

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开发工具

Bootstrap Tags

Javascript tagging for Twitter Bootstrap (Written in CoffeeScript)

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

Datepicker for Bootstrap

Add datepicker picker to field or to any other element.

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

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开发工具

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开发工具

Sublime Text 2 Bootstrap Snippets

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

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

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开发工具

PaintStrap

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

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

Bootstrap Modal

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

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

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开发工具

Bootswatch

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

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

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa