HTML5 Video Player | Video.js potomak/jquery-instagram @ GitHub Instagram jQuery plugin A simple jQuery plugin to show a list of Instagram photos. Instagram photos tagged with #hipster. Instagram photos at location 514276. Instagram photos at position (48.858844, 2.294351). License See LICENSE. Authors Giovanni Cappellotto (@johnnyaboh) Download You can download this project in either zip or tar formats. You can also clone the project with Git by running: $ git clone Hide your header on scroll - Headroom.js Downloads Note: the sizes shown are after gzipping. What's it all about? Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) Why use it? Fixed headers are a popular approach for keeping the primary navigation in close proximity to the user. Large screens are usually landscape-oriented, meaning less vertical than horizontal space. Headroom.js allows you to bring elements into view when appropriate, and give focus to your content the rest of the time. How does it work? At it's most basic headroom.js simply adds and removes CSS classes from an element in response to a scroll event: Relying on CSS classes affords headroom.js incredible flexibility. Usage Using headroom.js is really simple. With plain JS Include the headroom.js script in your page, and then: var myElement = document.querySelector("header");var headroom = new Headroom(myElement);headroom.init(); With jQuery/Zepto Include the headroom.js and jQuery.headroom.js scripts in your page, and then: With AngularJS
Zepto.js: the aerogel-weight jQuery-compatible JavaScript library The default build includes the following modules: Core, Ajax, Event, Form, IE. Zepto v1.0 used to bundle Effects, iOS3, and Detect modules in the default build. See below for optional modules. Zepto will only set the $ global to itself if it is not yet defined. If you need to support older browers, like Internet Explorer 9 and lower, you can fall back to jQuery 1.x. Note that some optional features of Zepto specifically target mobile browsers; as the original project goal was to specifically provide a leaner alternative to jQuery for the mobile web. Zepto is a good choice for browser extensions (for Safari, Chrome and Firefox) and to develop HTML-based views within native app frameworks, such as PhoneGap. In short, Zepto is expected to work in every modern browser and browser-like environment. zepto.js and zepto.min.js provided above can be used as-is. Refer to the README for instructions on how to build Zepto, including running the tests and contributing patches. Core methods $.each $.extend
simpleWeather - a simple jQuery plugin 20 jQuery Plugins for Scrolling Effects When it comes to designing and developing a website, web developers can’t underestimate the importance of a website scrolling. Nowadays designers are taking it up as a challenge and making website scrolling visually effective and eye catching for the visitors. For helping developers there are myriad of jquery scroll plugins are available which helps them to create certain scrolling effects which engage users with background reveals, element animation, and many more eye catching effects based on page scroll position. In this article I have gathered 20 jQuery Plugins that would help you to create outstanding scrolling effects for your websites. Following jQuery Scroll plugins lets you scroll any element for your website in the manner which makes your website beautiful, attractive and eye catching. 1. One Page Scroll, a jQuery plugin, simplifies creating such websites so easy.It requires minimal setup, just create your HTML structure, call the function and you are ready-to-go. 2. 3. 4. 5.
Showcase Product Feature in 3D Style Lot of awesome themes! Download the lovely one! You can choose skin too! Your browser doesn't support CSS3 3D Transform• read tutorial • Documentation JSHint is a program that flags suspicious usage in programs written in JavaScript. The core project consists of a library itself as well as a CLI program distributed as a Node module. More docs: List of all JSHint options · CLI flags · Writing your own reporter · FAQ Basic usage The easiest way to use JSHint is to install it as a Node program. To do so, simply run the following command in your terminal (flag -g installs JSHint globally on your system, omit it if you want to install JSHint in the current working directory): $ npm install jshint -g After you've done that you should be able to use the jshint program. $ jshint myfile.js myfile.js: line 10, col 39, Octal literals are not allowed in strict mode. 1 error If a file path is a dash (-) then JSHint will read from standard input. Configuration JSHint comes with a default set of warnings but it was designed to be very configurable. This setup allows you to have different configuration files per project. Inline configuration Directives jshint