background preloader

Bootstrap Live Customizer v3.3.7

Bootstrap Live Customizer v3.3.7
Related:  JSLibrerias webssylvainregedor

HTML5 Canvas Tutorials fancyBox - Fancy jQuery Lightbox Alternative Bootstrap-checkbox A checkbox component based on bootstrap framework Author Roberto Montresor Usage Create your <input type="checkbox"> with the .checkbox class. Enable Bootstrap-checkbox via JavaScript: $('.checkbox').checkbox(); Or just $('input[type="checkbox"]').checkbox(); You obtain: Options Options can be passed via data attributes or JavaScript. You can append or prepend a label via the data-label or data-label-prepend attribute. With constructorCallback, you can access (in order) at original input checkbox, created button, created label and created prepended label With defaultState and defaultEnabled you can set a default state (checked or not) and a default abilitation on reset of the form Methods $('input[type="checkbox"]').checkbox('click'); // change input's state$('input[type="checkbox"]').checkbox('toggleEnabled'); // change input's enabled Examples Normal usage With Font-Awesome Size Labels Button Style Form reset Visitors Copyright and license Copyright (C) 2013 Roberto Montresor Licensed under the MIT license.

Events | jQuery API Documentation Attach a handler to an event for the elements. Bind an event handler to the “blur” JavaScript event, or trigger that event on an element. Bind an event handler to the “change” JavaScript event, or trigger that event on an element. Bind an event handler to the “click” JavaScript event, or trigger that event on an element. Bind an event handler to the “contextmenu” JavaScript event, or trigger that event on an element. Bind an event handler to the “dblclick” JavaScript event, or trigger that event on an element. Attach a handler to one or more events for all elements that match the selector, now or in the future, based on a specific set of root elements. Remove event handlers previously attached using .live() from the elements. Bind an event handler to the “error” JavaScript event. The current DOM element within the event bubbling phase. An optional object of data passed to an event method when the current executing handler is bound. Indicates whether the META key was pressed when the event fired.

Foundation for Sites 6 Docs Installing There are a number of ways to install Foundation for Sites. If you're just getting started, we recommend installing our Node CLI, which allows you to quickly set up starter projects with any Foundation framework. It's also possible to manually install Foundation for Sites into your project through npm, Bower, Meteor, NuGet or Composer. Install Foundation for Sites Looking for Foundation 5? We're still supporting Foundation 5 for those who don't want to take the leap into the future with us. What's in the Box? Get to know the pieces of Foundation. General Components

PNotify PNotify downloads come with the following files: pnotify.custom.js or pnotify.custom.min.js (Minified) pnotify.custom.css or pnotify.custom.min.css (Minified) So here's how you'd include them on your page: You also need to include jQuery (1.6 or higher) and either Bootstrap CSS or a jQuery UI Theme. If you want to use jQuery UI effect animations, you also need to include the jQuery UI JavaScript. Now you can use PNotify like this: If you are not using any UI library, you can use the included styling, called Bright Theme. If you are using Bootstrap version 2, include this line somewhere before your first notice: PNotify.prototype.options.styling = "bootstrap2"; If you are using Bootstrap version 3, include this line somewhere before your first notice: PNotify.prototype.options.styling = "bootstrap3"; If you are using jQuery UI, include this line somewhere before your first notice: PNotify.prototype.options.styling = "jqueryui"; PNotify.prototype.options.styling = "fontawesome";

A Gentle Introduction to Javascript Test Driven Development: Part 1 This is part one of a three-part series outlining my personal approach to JavaScript Test Driven Development (TDD). Over the course of the series, I’ll work through developing a full application (albeit a small, simple one) in JavaScript that involves making network requests (also known as AJAX) and manipulating the DOM. The various parts are as follows: Why Test Driven Development? Getting started with test driven development can be daunting. The common predictable objections are “Writing unit tests takes too much time,” or “How could I write tests first if I don’t know what it does yet?” There are, however, a lot of good reasons to give TDD a go. It forces one to think. Those aren’t the only reasons to take up TDD, but hopefully they are enough to convince you to give it a try. What is TDD? TDD is an approach to writing software where you write tests before you write application code. Once we finish step 3, we start the cycle again by writing another test. A worked example Setting up

AngularJS Tutorial Bootstrap: Dropdown on Hover Plugin Demo Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater.

livre eloquent JS AngularJS — Superheroic JavaScript MVW Framework JavaScript Individual or compiled Plugins can be included individually (using Bootstrap's individual *.js files), or all at once (using bootstrap.js or the minified bootstrap.min.js). Using the compiled JavaScript Both bootstrap.js and bootstrap.min.js contain all plugins in a single file. Plugin dependencies Some plugins and CSS components depend on other plugins. Data attributes You can use all Bootstrap plugins purely through the markup API without writing a single line of JavaScript. That said, in some situations it may be desirable to turn this functionality off. $(document).off('.data-api') Alternatively, to target a specific plugin, just include the plugin's name as a namespace along with the data-api namespace like this: $(document).off('') Only one plugin per element via data attributes Don't use data attributes from multiple plugins on the same element. Programmatic API We also believe you should be able to use all Bootstrap plugins purely through the JavaScript API. No conflict <!

JavaScript - Javascript is a scripting language used to provide dynamic and interactive content on webpages. Also, server side JS allows the use of the same language on the server and client. Besides being fast, JavaScript provides benefits like: Reducing server traffic by validating user input in the browser before it is sent to the server.Providing immediate feedback to the site visitors so that they don't have to reload pages just to get error messages on form validations.Allowing richer user interfaces with content changes on mouse hover, drag and drop gestures, and animations. Client-side JavaScript is interpreted in the browser without requiring compilation. Server-Side JavaScript as run in NodeJS enables back-end access to databases, file systems, and servers. You should learn JavaScript because: This track is intended for widely supported JavaScript, for code that could be executed in almost all existing browsers. Try It!