background preloader

Bootstrap Toolbox - Tools, Utilities, Generators and Templates

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 Related:  Coding tutorialsJavascript

Font Awesome, the iconic font designed for use with Twitter Bootstrap jQuery-ajaxTransport-XDomainRequest Google Map Builder by MyNameIsDonald - Build a Google Map for your website in just a few clicks. Bundling and Minification Bundling and minification are two techniques you can use in ASP.NET 4.5 to improve request load time. Bundling and minification improves load time by reducing the number of requests to the server and reducing the size of requested assets (such as CSS and JavaScript.) Most of the current major browsers limit the number of simultaneous connections per each hostname to six. That means that while six requests are being processed, additional requests for assets on a host will be queued by the browser. In the image below, the IE F12 developer tools network tabs shows the timing for assets required by the About view of a sample application. The gray bars show the time the request is queued by the browser waiting on the six connection limit. The preceding image shows the Start event, which gives the time the request was queued because of the browser limit the number of simultaneous connections. Bundling Minification After minification, the function is reduced to the following: Using a CDN <!

Invokator 20+ Beautiful Resources That Complement Twitter Bootstrap Twitter Bootstrap is a beautiful "web design kit" for creating cross browser, consistent and good looking interfaces. With a flexible and well-thought HTML/CSS/Javascript structure, it offers many of the popular UI components, a grid system and JavaScript plugins for common scenarios. And, it seems to be rocking the web design community as there are lots of websites already built and being built with it (it is also the most watched/forked repository in GitHub). Twitter Bootstrap is already powerful enough to empower any web interface. In order to make more use of it and/or ease the development process, there are various tools/resources that complement it. These include Bootstrap themed vector UI images, WordPress themes, web-based Bootstrap customizers and more. jQuery UI Bootstrap This is an awesome resource for jQuery and Twitter Bootstrap users that combines the power of both. Bootstrap Image Gallery jQuery Mobile Bootstrap Theme Colorpicker and Datepicker for Twitter Bootstrap Bootswatch

How to share data between stored procedures An SQL text by Erland Sommarskog, SQL Server MVP. Most recent update 2013-11-02. Introduction This article tackles two related questions: How can I use the result set from one stored procedure in another, also expressed as How can I use the result set from a stored procedure in a SELECT statement? In this text I will discuss a number of possible solutions and point out their advantages and drawbacks. Here is a summary of the methods that I will cover. At the end of the article, I briefly discuss the particular situation when your stored procedures are on different servers, which is a quite challenging situation. A related question is how to pass table data from a client, but this is a topic which is outside the scope for this text. Examples in the article featuring tables such as authors, titles, sales etc run in the old sample database pubs. OUTPUT Parameters This method can only be used when the result set is one single row. Rewrite this procedure as: Table-valued Functions Inline Functions

Online JavaScript beautifier A Review of JavaScript Error Monitoring Services - Telerik Developer Network If you’re like me, then you’ve been diligent about writing the best JavaScript code you can. You lint. You write tests (both for the code and the UI). Of course, even the best of us can’t test every possible scenario. For all of us who want a deeper look at how well our sites’ code is working, there are now services you can use to help monitor and report on JavaScript issues on your site. TrackJS I was first introducted to TrackJS when I had the good fortune of sitting next to one of their developers at FluentConf this year. TrackJS provides a free trial with signup, and no credit card is required. Daily Reports For my testing, I dropped this into the template for my blog and then promptly forgot about it. The bottom of that screen shot is cut off a bit, but the “Top Browsers” report is the last part of the email. As you can see, I’ve got a good number of JavaScript errors on my site – over 200. Dashboard So how about the web site? Timeline Here is another one – note the timeline detail.

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

Learn to Code: Programming Tutorials and Resources Getting started with HTML5 Everybody's talking about HTML5, understand how to use some of it's best features. Learning jQuery with Street Fighter Gain a basic understanding of jQuery and how to use it on your own projects. Make a Valentine's Day E-Card Share the love with that special someone: Build a holiday card and learn HTML & CSS. A Guide to GitHub Pages Follow this step-by-step guide and launch your own GitHub page. Javascript Best Practices Part 1 Master JavaScript's best practices — with code samples and examples. Javascript Best Practices Part 2 Learn more best practices and start writing readable & efficient code. Adding Sound (HTML5) Learn to use the HTML5 audio tag to embed music in your webpages. Want More? Receive our latests guides and learning resources via email

Related: