网页设计

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

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

本文由 Jackchen Design 1984 作者:jackchen 发表,转载请注明来源!

关键词:, ,

热评文章

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注