background preloader

Raphaël Reference

Raphaël Reference

HTML5 Video Player | Video.js Tabulous.js Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Aenean tempor ullamcorper leo. Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Mauris eleifend est et turpis. Vestibulum non ante. 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

{{ mustache }} 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

10 Impressive JavaScript Animation Frameworks Complex and slick JavaScript-based animation has been made easier with the emergence of frameworks and libraries that give developers the ability to create stunning and eye-grabbing animation and transition effects that make it easy these complex tasks. In this article, you will read about the top 10 JavaScript-based animation frameworks and libraries that will enable you to create engaging and captivating user experiences. 1. $fx $fx is a compact and lightweight JavaScript animation library which extends native JavaScript DOM methods with its own animation methods and functions. Its small file size (weighing in at only 3.7 KB), hassle-free implementation, and low learning curve makes $fx a powerful option for adding eye-popping animation effects to your web projects. 2. jsAnim Created by web developer Kevin Dolan, jsAnim is a JavaScript animation framework for creating high-impact and slick animation sequences for web interfaces. 3. scripty2 5. 6. 7. 8. 9. 10. Related content

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

Tout [Tutoriaux javascript et PHP] - Scripts, Tutoriaux, Forums pour webmasters et développeurs Introduction Devant le succès des premiers tutoriaux sur le PHP, voici une introduction aux bases de données. L'avantage considérable d'un langage serveur comme le PHP est qu'il peut conserver des données saisies par des utilisateurs, les traiter, les trier et les afficher aux autres visiteurs. Avec le PHP, on peut donc faire des forums, des livres d'or, des sondages. Bref tout ce qui est interactif sur le web. Pour sauver des données, beaucoup pensent que le meilleur moyen est d'utiliser des fichiers texte. C'est une solution possible. C'est donc l'utilisation des bases de données MySQL avec PHP que nous allons aborder dans ce tutorial. PHP est très souvent utilisé en association avec le système de gestion de base de données (SGBD) MySQL. Avertissement 1 : La lecture des tutoriaux "JavaScript et PHP", "Introduction au PHP" et "Traiter des données en PHP" est un pré-requis absolument nécessaire.Avertissement 2 : Ce tutorial est une vulgarisation des bases de données.

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