Booklet - jQuery Plugin what is it? Booklet is a jQuery tool for displaying content on the web in a flipbook layout. It was built using the jQuery library. Licensed under the MIT license. Want to check out the source? see it work jQuery Booklet This is a sample booklet! Content Variety You can place any sort of html elements inside of your booklet pages. Default Options The default options include: Manual Page TurningThis option requires jQuery UI, but will degrade and be usable if not included. Move to the next page by dragging or the arrow keys to see the animation in action!
nude.js | Nudity detection with JavaScript and HTMLCanvas nude.js is a JavaScript implementation of a nudity scanner based on approaches from research papers. HTMLCanvas makes it possible to analyse image data and return whether it's nude or not. The script only detects nudity, the rest of the programming logic (image swap/auto-save ;-) /whatever) belongs to the programmer.Update: First improvements and next steps of nude.js (Article) The real world usage for client side nudity detection could be in webproxies with child security filters, and maybe even more (e.g. on social media plattforms) nude.js is Open Source and definitely not finished (lots of improvements to do).Contributions are very welcome, the goal is to build a reliable client-side nudity scanner.
Meet Bower: A Package Manager For The Web As the web platform has matured, the tools for managing our projects, too, have matured. In this tutorial, I’ll introduce you to one of these tools that makes managing the dependencies of your project considerably easier: Bower. When I first looked into Bower, I wasn’t exactly sure how it fit in: it wasn’t just a JavaScript package manager, like Jam, and it wasn’t a module loader, like RequireJS. It calls itself a browser package manager, but what exactly does this mean? How’s that different from a JavaScript package manager? Bower is just a package manager. The important thing to note here is that Bower is just a package manager, and nothing else. Enough chat: let’s see how this thing works! Installing Bower Of course, before we can actually use Bower, we’ll have to install it. Be sure to install it globally (with -g), because this is project-specific. Finding Packages If you don’t know the name of the package you want, you can find packages by using the bower search command. Using Packages
Apprendre et comprendre jQuery – 1/3 • Tous les articles Tutoriels jQuery Introduction rapide et en douceur à l’utilisation d’une des bibliothèques JS à la mode. Ou comment ajouter une couche d’interactions simplement et proprement à vos pages. NB : ce billet sera divisé en trois parties. Publié il y a déjà trop longtemps… Introduction jQuery est une bibliothèque JS développée principalement par John Resig. Par bibliothèque on entend donc un ensemble cohérent de fonctions permettant de s’affranchir des tâches rébarbatives et répétitives de façon uniforme sur les navigateurs les plus courants. Elle est sous licence GPL et MIT, et donc complètement réutilisable sur des travaux professionnels. Les navigateurs supportés sont : Firefox 1.5+Internet Explorer 6+Safari 2.0.2+Opera 9+ La bibliothèque est utilisée par exemple sur des sites comme : DellGoogle CodeDiggNBCAmazonMozillaWordPressDrupalSPIPThe Zend Frameworketc Par ailleurs cette bibliothèque est compatible (elle n’entre pas en conflit) avec d’autres. Pré-requis Bases Appel <! Compression Une fonction etc.
Head JS :: The only script in your HEAD Schepp/CSS-JS-Booster 25 Free jQuery Photo Gallery / Albums with Tutorials | VisonwidGet 30 Free Photo Gallery / Albums with Tutorials Details Category: Webdev Hits: 20172 jQuery image galleries and albums are very common on portfolio sites and are also useful for any other type of site for displaying images and photos. Since they are already so popular I believe you don’t need me to tell you more about it. A Cool Instagram “Gravity” Gallery This will be a script that runs a search on Instagram, fetches and displays the photos in a grid, and then uses the Box2D library to simulate physical interactions between them. {ads1} Fresh Sliding Thumbnails Gallery with jQuery and PHP In this tutorial we are going to create another full page image gallery with a nice thumbnail area that scrolls automatically when moving the mouse. Thumbnail Grid With Expanding Preview The interesting part is to calculate the correct preview height and to scroll the page to the right position. Photo Booth Strips With Lightbox Free jQuery Photo Gallery ( Tutorial ) Polaroid Photobar Gallery with jQuery
jQuery Webcam, contrôler une webcam en Javascript De nos jours, les webwares deviennent interactifs et sociaux. Il n’est pas rare que les utilisateurs soient amenés à se servir de leur webcam pour communiquer. Mais l’intégration de fonctionnalités tirant partie d’une webcam n’est pas une chose aisée. jQuery Webcam est un plugin jQuery qui permet de créer une interface transparente pour communiquer avec une caméra directement en Javascript. Le script est construit sur une couche en Flash ou HTML5, qu’il contrôle directement afin d’afficher ou manipuler les images issues de la webcam. Le plugin est capable de streamer les images, d’en faire des captures et de les stocker sur un serveur distant. L’appel est on ne peut plus simple. Bien entendu, les possibilités de personnalisations et de paramétrage sont nombreuses. Un très bon plugin qui permet d’ajouter très rapidement et sans gros développement des fonctionnalités multimédia à son site ou son webware. Téléchargez le plugin jQuery Webcam
Best Practices for a Faster Web App with HTML5 While good, this article only tells part of the performance story. View html5rocks.com/features/performance for the whole picture of performance improvements. Introduction Much of HTML5 aims to deliver native browser support for components and techniques that we have achieved through JavaScript libraries thus far. Using these features, when present, can end up delivering a much faster experience for your users. In this tutorial, I won't recap the excellent performance research that you've seen at Yahoo's Exceptional Performance site or Google's Page Speed docs and Let's make the web faster site. Tip 1: Use web storage in place of cookies While cookies have been used to track unique user data for years, they have serious disadvantages. These two web storage objects can be used to persist user data on the clientside for the length of the session or indefinitely. Tip 2: Use CSS Transitions instead of JavaScript animation Tip 3: Use client-side databases instead of server roundtrips
Converting jQuery Code to a Plugin Martin Angelov When it comes to efficiently organizing jQuery code, one of the best options is turning certain parts of it into a plugin. There are many benefits to this – your code becomes easier to modify and follow, and repetitive tasks are handled naturally. This also improves the speed with which you develop, as plugin organization promotes code reuse. This is why today we are going to demonstrate the process of converting code to a plugin. We are going to take the code from our jQuery & CSS3 Select Replacement tutorial, and turn it into a ready for use jQuery plugin. The Idea Writing a jQuery plugin is not at all difficult. Here are several problems that we need to solve when converting the tutorial code into a jQuery plugin: We need to give users the ability to control what markup is generated for the dropdown. The Code As you remember from the tutorial, our jQuery code scans the select’s option elements and builds an unordered list. This is, however, too specific for a plugin. jQuery
Solutions to 5 Common Ajax Problems The modern web developer who does not consider Ajax when planning or building their websites is potentially missing out on a powerful tool to enhance usability. There are however, challenges in implementing Ajax functionality on a web page. In this article we’ll discuss solutions to five of the most common challenges that a developer faces when using Ajax to enhance the content on their website. Although there is a lot more to discuss and research on all five topics, this post should give beginners and intermediate Ajax developers some solid tips on implementing Ajax functionality in a more user-friendly and accessible manner. Problem #1: Content Is Not Backwards-Compatible This problem occurs when a designer has incorporated JavaScript and Ajax enhancements into their website’s architecture without making provisions for browsers that have disabled JavaScript. Solution: Implement Ajax as an Enhancement to an Already-Functioning Website <a href="employees? Google Chrome spins a half-circle.