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

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

Responsive Web Design just got Easier with the Responsive Grid System jQuery-ajaxTransport-XDomainRequest 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 <!

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

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

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.

Frameless 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

Dynamically Building JSON Tree For Use In Javascript Components Using C# Introduction These days, many JavaScript components use JSON when it comes to working with data, the reason is obvious enough, but some components that build some kind of tree structure like this one, are going to need a JSON tree. Building a static JSON tree is easy, but how do you build a dynamic JSON tree and pass them to the components like the one mentioned? That's what this post is all about. First Step: Building The Representation Of A Tree As A Type The first step we need to take, is to build a tree in C#, and then convert that tree into a JSON tree. Hide Copy Code public class Cate { public int Id { get; set; } public int? Now we have the data we need for building a tree, what we need next is a type to represent our tree, every tree consists of many nodes, so we need to describe our node here, our type would be something like this: To better understand our Node class, let's take a look at this tree image: Second Step: Filling The Tree With Data

Columnal | A responsive CSS grid system helping desktop and mobile browsers play nicely together.