318 useful twitter bootstrap resources #4

318 useful twitter bootstrap resources #4
by Janeth Kent Date: 09-07-2013 bootstrap twitter web resources tools tips

Wordpress

WORDPRESS BOOTSTRAP THEMES Listing of free, base and premium themes for Wordpress based on Bootstrap.

WP-BOOTSTRAP-GALLERY A custom Wordpress gallery for dynamic thumbnail layout using Twitter Bootstrap 2.2.2 thumbnails and the WordPress built in gallery manager.

WP-BOOTSTRAP-NAVWALKER A custom Wordpress nav walker class to implement the Twitter Bootstrap 2.2 navigation style in your custom theme using the Wordpress built in menu manager.

WP PLUGIN FOR BOOTSTRAP SHORTCODES Plugin will add a button to your WordPress text editor so you can easily add Twitter Bootstrap shortcodes to your pages and posts

SHOESTRAP Shoestrap is a WordPress theme that's based on HTML5 Boilerplate and Bootstrap from Twitter.

TWITTER BOOTSTRAP CSS PLUGIN Quickly link the latest Bootstrap CSS and Javascript to all pages, regardless of the WordPress Theme

STRAPPRESS A responsive WordPress theme with all the Twitter Bootstrap components and interactions.

WP-BOOTSTRAP Bootstrap in a WordPress theme a 320press project.

BOOTSTRAPWP A solid base for custom theme development on Wordpress with Bootstrap

ROOTS WORDPRESS THEME Rapidly create sites with HTML5 Boilerplate & Bootstrap from Twitter

THE BOOTSTRAP WordPress Theme, with a great image and gallery handling, based on Bootstrap from Twitter.

ALIEN SHIP Alien Ship is meant to be a foundation on which to build, it is fully integrated with Bootstrap.

WPSTRAP WP Strap is an open-source WordPress theme using the Bootstrap framework from Twitter.

Interface Builders

Visual Tools for designing the structure or other aspects of a Bootstrap layout

Display

LAYOUTIT! Interface Builder for Bootstrap

GLYPHICONS-SPRITE-GENERATOR Change the size and colors of the Bootstap icons if you are using the Pro files, all the extra icons will be available to your Bootstrap project.

TWITTER BOOTSTRAP BUTTON GENERATOR WITH FAMFAMFAM ICONS Bootstrap buttons, but with the FamFam Iconset replacing glyphicons

CSS3 GRADIENT GENERATOR Extensive gradient builder for setting Bootstrap values

BEAUTIFUL BOOTSTRAP BUTTONS Make pretty buttons easily for Twitter Bootstrap CSS GRADIENT GENERATOR A powerful Photoshop-like CSS gradient editor from ColorZilla.

TWITTER BOOTSTRAP BUTTON GENERATOR Make slick looking buttons easily.

HOLDER.JS Client side image placeholders

JQDRAWBOOTSTRAPGRID A simple jQuery plugin that draws grid columns to a twitter bootstrap layout. Very helpful for debugging.

Structure

DIVSHOT Interface Builder for Web Apps

BOOTSTRAP-FORM-BUILDER Drag and drop form builder for twitter bootstrap.

JETSTRAP The Bootstrap Interface Builder

EASEL.IO Design & build in your browser. (It's the fastest way to ship.)

BOOTSNIPP.COM Gallery of free HTML snippets for Twitter Bootstrap.

Theme

THEMES FOR BOOTSTRAP Clearinghouse of Free, OpenSource and Premium themes from all over the Internet.

LAVISH Generate your own Bootstrap color scheme

WRAPBOOTSTRAP Theme marketplace for Twitter Bootstrap

FBOOTSTRAPP A toolkit designed to kickstart development of facebook iframe apps in both relevant sizes

BOOTTHEME Web Design Tool and Theme Generator for Twitter Bootstrap

JQUERY-UI-BOOTSTRAP The beauty of Twitter's Bootstrap to jQuery UI widgets. BOOTSWATCHER The Twitter Bootstrap Themer

BOOTSWATCHR.COM BootSwatchr is a visual tool for creating a custom Bootstrap theme from the ground up.

BOOTSWATCH Set of open source themes for Bootstrap

STYLEBOOTSTRAP.INFO Element style picker for Bootstrap customization

PAINTSTRAP Generate Bootstrap themes using the color scheme

Mockup Tools

Stencils and Templates for Drawing and Mockup Applications

PRINTABLE TWITTER BOOTSTRAP WIREFRAME PDF scaled to 60% of live page for quick sketches of layouts within the Bootstrap Grid.

TWITTER-BOOTSTRAP-FOR-OMNIGRAFFLE This is a set of Omnigraffle stencils, colors and templates that mirror Twitter Bootstrap as closely as possible.

REPIX BOOTSTRAP PSD Includes all base elements layered in Photoshop for typography, buttons, grids, navigation, and more used in the original CSS3 Bootstrap v2 framework from Twitter

BOOTSTRAP WIDGETS LIBRARY FOR AXURE Free Axure Widgets Library for Twitter Bootstra

GRID TEMPLATES A set of grids in photoshop and illustrator based on the bootstrap scaffolding, these are the default responsive grids available on the bootstrap site.

TWITTER-BOOTSTRAP-OMNIGRAFFLE-STENCIL Make it easy to mockup web sites or web applications in OmniGraffle for Bootstrap

FIREWORKS FOR BOOTSTRAP Fireworks elements of Twitter Bootstrap

BOOTSTRAP BALSAMIQ COMPONENTS A symbols library for the mockup/drawing app Balsamiq

BOOTGRID.PSD A simple .psd for quickly and easily mocking up Twitter Bootstrap designs.

GUIDEGUIDE Photoshop Plugin For Dealing With Grids

HTML PROTOTYPING TOOLBOX A set of layouts that NiceUX uses to speed up their prototyping process for Twitter Bootstrap

POWERPOINT AND KEYNOTE MOCKUP TEMPLATE KIT Prototype Bootstrap-based apps using your favorite presentation tool.

 

READ ALSO:

318 useful twitter bootstrap resources #1

318 useful twitter bootstrap resources #2

318 useful twitter bootstrap resources #3

 
by Janeth Kent Date: 09-07-2013 bootstrap twitter web resources tools tips hits : 8156  
 
Janeth Kent

Janeth Kent

Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN AND DEVELOPMENT.

 
 
 

Related Posts

Alternative tools for graphic design

There are many people today who only use the following for design purposes Canva as it is a really popular software and website and there is no denying that it…

Top tools for social media management

Today we know that having a presence on social media is becoming increasingly important if you want to boost your business and reach a wider audience. But first of all,   What is…

How to trim a video without downloading programs

You recently experienced one of the most epic concerts in recent years and now you're in the process of showing the videos you recorded to friends and family who, unfortunately,…

How to make your own custom cursor for your website

When I started browsing different and original websites to learn from them, one of the first things that caught my attention was that some of them had their own cursors,…

8 benefits of having a website for your business

At this moment, the Internet is a phenomenon that is sweeping the world. It has been able to interconnect millions of users all over the planet. People have made the…

Open source web design tools alternatives

There are many prototyping tools, user interface design tools or vector graphics applications. But most of them are paid or closed source. So here I will show you several open…

How to create a .onion domain for your website

The dark web, a hidden network accessed through the Tor browser, offers enhanced privacy and anonymity for websites. To establish a presence on the dark web, you can create a…

How to access webcam and grab an image using HTML5 and Javascript

We often use webcams to broadcast video in real time via our computer. This broadcast can be viewed, saved and even shared via the Internet. As a rule, we need…

How to Send Email from an HTML Contact Form

In today’s article we will write about how to make a working form that upon hitting that submit button will be functional and send the email (to you as a…

How to multiply matrices in JavaScript

It may seem strange to want to know how to multiply matrices in JavaScript. But we will see some examples where it is useful to know how to perform this…

JavaScript Formatting Date Tips

Something that seems simple as the treatment of dates can become complex if we don't take into account how to treat them when presenting them to the user. That is…

Top tools for UX design and research

This article is a compilation of the "ux tools" I have tested in recent years. I've separated the tools by categories, although I recommend you to take a look at all…

Clicky