Skip to Content

Tag Archives: Bootstrap

Font Awesome!

I’ve been learning Bootstrap lately. It’s really easy to use and can speed up development time immensely. By using Bootstrap I am able to create a responsive web page 100x faster than if I tried to code it myself and figure out all the different browser quirks. One cool thing I found when researching about Bootstrap is this really cool Bootstrap add in that helps with icons.

Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

Go here and get it!

Huge list of Boostrap resources

If you are developing in Twitter’s Bootstrap then you will possibly need to get some resources at some point. Google is your friend, but what’s better is if someone else (a human) has already sifted through the results and compiled a nice list of things that you can use in your development. Using Twitter’s Boostrap can speed up development time and make your site responsive and looking good in a fraction amount of time that it would take doing it alone. Boostrap has great grid layout capabilities that will make your site look uniform or almost uniform across all browsers. Typography and JavaScript plugins help with the user experience as well. So if you are learning Boostrap or already developing using it, check out this huge list I found at Bootstrap Hero.

Bootstrap List of Resources

What kind of stuff is in the list? Well this stuff…

Components
Additional Bootstrap specific addons to supplement the base Bootstrap features
Display
BOOTSTRAP-MAXLENGTH
Uses badges to display the maximum length of the field where the user is inserting text. This plugin uses the HTML5 attribute “maxlength” to work.
WATABLE
a pretty decent jQuery table plugin
BOOTSTRAP-TIMEPICKER
A simple timepicker component for Twitter Bootstrap.
BOOTSTRO.JS
Guide users through your application via a series of Bootstrap popovers
NOD!
A frontend validation plugin for Twitter Bootstrap
MESSENGER
Replacement for alert() messages and other user interaction notifications.
JQUERY.TOCIFY.JS
A jQuery Table of Contents plugin that can be themed with Twitter Bootstrap or jQueryUI.
BOOTSTRAP-PROMPTS
An implementation to replace the alert(), prompt(),confirm() notifications on the browser when using Twitter Bootstrap with Modal information
SUBNAV FOR BOOTSTRAP 2
Example of how to implement SubNavs in Bootstrap navigation menus.
JQUERY-BOOTSTRAP-SCRIPTING
Uses the modal dialog provided by bootstrap and provides a controlable dialog functionality for web pages as a jQuery plugin.
BOOTSTRAP-LIGHTBOX
This is a plugin for Twitter Bootstrap that adds a lightbox that is based off the modal dialog
MENTION.JS
Lightweight wrapper for adding @user mention functionality to Twitter Bootstraps Typeahead plugin
PINES NOTIFY
JavaScript notifications for Bootstrap or jQuery UI
ACC-WIZARD
An accordion-based wizard based on Bootstrap styles.
JQUERY-BOOTSTRAP-PAGINATION
A simple, full-featured, pagination system for jQuery that outputs Twitter Bootstrap marked up pagination links.
BANGBANG TAG INPUT
A jQuery plugin to handle multiple tagged input.
TOCIFY
A Bootstrap styled jQuery Table of Contents
SORICH87/BOOTSTRAP-TOUR
Quick and easy way to build your product tours with Twitter Bootstrap Popovers
BOOTSTRAP-TAGS
Bootstrap tags is a lightweight jQuery plugin meant to extend the Twitter Bootstrap UI to include tagging.
BOOTSTRAP ARROWS
Add-on to the popular Twitter Bootstrap framework to include the use of arrows at any angle in your UI designs
BOOTSTRAP-MODAL
Extends Bootstrap’s native modals to provide additional functionality. Introduces a ModalManager class that operates behind the scenes to handle multiple modals by listening on their events.
PILLBOX FUEL UX
Pillbox container (often used for tags) control
DATAGRID FUEL UX
Editable, searchable data display table.
BOOTMETRO
Simple and flexible HTML, CSS, and Javascript for web apps that wants to use the “Windows 8 App Store” style
BOOTSTRAP TOUR
Easy to configure site tour wizard