Bootstrap Toolbox - Tools, Utilities, Generators and Templates

Ever since it was initially released, Bootstrap has taken the internet by a storm. It keeps growing in popularity with each passing day — and why shouldn’t it be popular? After all, where else do you find a responsive framework with such an extensive library of pre-styled components, and a community that offers many, many extras and addons? In this collection, we have put together some of the best Bootstrap resources. Nay! Boostrap Tools & Utilities Bootstrap wysihtml5 Bootstrap-wysihtml5 is a Javascript plugin that makes it easy to create simple, beautiful wysiwyg editors. Bootstrap wysihtml5 → Bootpag – Dynamic Pagination The Bootpag jQuery plugin helps you create dynamic pagination with Bootstrap (or any other HTML page for that matter). Bootpag → Bootstrap Modal Bootstrap Modal extends Bootstrap's native modals with additional functionality by introducing a ModalManager class that operates behind the scenes to handle multiple modals by listening on their events. Bootstrap Modal → Bootbox.js

Responsive Web Design just got Easier with the Responsive Grid System Google Map Builder by MyNameIsDonald - Build a Google Map for your website in just a few clicks. Invokator Which Is Right for Me? 22 Responsive CSS Frameworks and Boilerplates Explained CSS frameworks have been around for years now, but the arrival of responsive design practices has rendered many of our old favorites useless. Fortunately, lots of really talented developers have jumped in to fill the gap with the next generation of CSS frameworks and boilerplates. There’s already a ton of these things floating around. Everyone has a list, but no one really walks you through how each framework and boilerplate differs from the next so that you can make an informed decision. That’s our goal today. Gumby The Gumby framework takes the 960 grid that we all cut our teeth on years ago and brings it into the modern age of web design with a responsive touch. The Semantic Grid System If you hate grid systems and their bloated, non-semantic markup, this one is for you. Gridless Gridless is a powerful boilerplate that uses mobile first responsive web design to adapt itself to the device’s width. Frameless Proportional Grids The Goldilocks Approach Twitter Bootstrap Foundation from ZURB

Online JavaScript beautifier Editable for Bootstrap About Invokes in-place editing feature to any element of your page based on Bootstrap form and popover supported types: text, textarea, select, date validation on client and server-side customizible popover's size and placement toggle by itself or another element keyboard support (escape/enter) Download stable (v1.1.4) release notes News 25/09/12 Version 1.1.4 released! 16/09/12 Version 1.1.3 released! 08/09/12 Version 1.1.2 released! 02/09/12 Version 1.1.1 released! 26/08/12 Version 1.1.0 released! Why editable? fast development, no special FORM markup less number of screens in your application easy adding / removing fields unified backend script for data update edit data directly is more clear for users who get used to MS Excel Server-side Yii-bootstrap-editable extension If you created server-side plugin for another framework or language please contact me and I will add your link here. Example Click on fields to edit: All ajax requests here are emulated: Getting started jQuery & Bootstrap

Frameless 14 outils en ligne simples et efficaces pour les travailleurs du web Ce billet est une sorte de «Note pour plus tard» pour garder sous le coude quelques outils en ligne que j’utilise régulièrement ou que j’ai redécouverts dernièrement. Ils vous permettront de partager des bouts de code, prendre des notes, créer des penses-bêtes, sauvegarder vos bookmarks, partager des textes, valider votre prose (CSS, HTML, XML, RDF), placer du faux-texte et des fausses images (placeholders) dans vos pages web. Vous (re)découvrirez également des dictionnaires, des correcteurs orthographiques et des ressources web à garder sous la souris. Le tout réparti entre développement web, édition & travail collaboratif et dictionnaires et ressources. Développement web jsfiddle — Idéal pour partager des bouts de code ou mettre en place des tests avec HTML, CSS, jQuery (ou Mootools, etc.). Edition & travail collaboratif Réseaux Dictionnaires et références yoyodesign — Nombreuses traductions d’articles et de recommendations du W3C.

Columnal | A responsive CSS grid system helping desktop and mobile browsers play nicely together. setlist.fm - the setlist wiki Golden Grid System GGS was my next step after Less Framework. Instead of a fixed-width grid, it used a fully fluid-width one, without even a maximum width. The resources it was published with are still available on GitHub. The idea was to take a 18-column grid, use the outermost columns as margins, and use the remaining 16 to lay elements out. While the grid's columns were fluid — proportional to the screen's width — the gutters (spaces between the columns) were proportional to the font-size being used. GGS also contained a set of typographic presets, strictly to a baseline grid. Correctly setting all of these measurements is difficult, of course. When published, GGS gained a lot of attention, as the web design community was searching ways to work with fluid-width grids, which have always been troublesome, running counter to many graphic design principles. Many people trying to use GGS were also confused by the lack of predefined code for working with the grid.