Paper.js - Paper.js. To create animations in Paper.js, we use the onFrame handler.
When this function is defined, it is called up to 60 times a second by Paper.js. The view is redrawn automatically after the onFrame function has been executed. The Event Object The onFrame handler function receives an event object which contains information about the event: Node.js partie 1 - Tout ce que vous devez savoir sur Node.js. Parmi les nombreuses technologies qui me passionnent actuellement, Node.js tient une place importante.
Et pour plusieurs raisons : développement Javascript côté serveur, gestion des entrées/sorties de manières non bloquantes, communauté très présente avec de nombreux modules comme Socket.IO et bien d’autres choses encore. C’est pour toutes ces raisons, et aussi parce que la nouvelle version 0.4.0 vient de sortir, que Web Tambouille vous propose une série de 4 billets consacrée exclusivement à votre futur.
20 jQuery Table Plugins. jQuery is the “Write Less, Do More”, JavaScript Library, which off shoulders your coding and work load to a a great extent. 10 Best Javascript Drawing and Canvas Libraries. 30 Days to Learn jQuery. Learn to code. 15 snippets pour améliorer votre utilisation de jQuery. La librairie jQuery est une des meilleures, voire la meilleure librairie Javascript actuellement.
Elle est assez facile à utiliser et à prendre en main, mais bien souvent, quand on débute, on profite des plugins sans trop savoir comment ils marchent. Car des plugins jQuery, il en existe en veux tu en voila sur la toile. On les télécharge, les utilise et si on rencontre un souci, on change de plugins. La flemme ou pas les connaissances pour mettre les mains dans le cambouis peut souvent entrainer un délaissement d’intérêt.
Je viens donc vous proposer quelques trucs et astuces qui pourront grandement vous servir durant vos dev, afin d’améliorer un peu vos connaissances. CheatSheets Pour débuter, voici deux fichiers très utiles qui regroupent les principales propriétés de jQuery et jQuery CSS : The Handpicked jQuery Plugins Repository. Supercharge your website! A handpicked collection of jQuery plugins. Modernizr. Raphaël—JavaScript Library. Cool notification messages with CSS3 & jQuery – Red Team Design. Nowadays, UX is a key factor when it comes about creating/designing a product or system.
To keep users happy, developers struggle to create a good experience and a better interactivity. UX is a term used to describe the overall experience and satisfaction a user has when using a product or system. So, a good UX will always make users happy and businesses more successful. Notification messages are an important part of the user experience and you can't afford to omit them. BigText Makes Text Big. 11 January 2011Read this in about 3 minutes.
*I like shortcuts: Fork BigText on Github or Check out the BigText Demo Wizard It all began with a simple web foray to Designing Monsters. Their simple, typographic design was beautiful. But why? Their combination of the beautiful League Gothic font, use of Lettering.JS, and some simple font scaling gave the page a wonderful consistent vertical alignment. At its simplest, the BigText jQuery plugin takes a single element and sizes the text inside of its child <div>s to fit the width of the parent element. <div id="bigtext" style="width: 300px"><div>The elusive</div><div>BIGTEXT</div><div>plugin exclusively</div><div>captured on film</div></div> $('#bigtext').bigtext(); Implementation Details. jQuery Image Scroller Plugin.
Daverupert.com. Chop Slider 2 Wordpress Plugin - Amazing image slider with over the 150 transitions effects and 3D. Essential jQuery Plugin Patterns - Smashing Coding. Advertisement.
jQuery Backstretch by Scott Robbin. Advertisement a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element by Scott Robbin Download Backstretch Now link to a hosted copy on cdnjs.com or download the entire project, including examples.
Do you see the full-sized background image on this page? In a nutshell, that's what Backstretch does. It will stretch any image to fit the page or block-level element, and will automatically resize as the window or element size changes. jQuery Fundamentals. With contributions by James Padolsey, Paul Irish, and others. See the GitHub repository for a complete history of contributions. Licensed by Rebecca Murphey under the Creative Commons Attribution-Share Alike 3.0 United States license . You are free to copy, distribute, transmit, and remix this work, provided you attribute the work to Rebecca Murphey as the original author and reference the GitHub repository for the work . FlexSlider - The Best Responsive jQuery Slider. Namespace: "flex-", //{NEW} String: Prefix string attached to the class of every element generated by the plugin animation: "fade", //String: Select your animation type, "fade" or "slide"
JavaScript InfoVis Toolkit. Badger - Super sexy iOS style badges for jQuery. Super sexy iOS style badges for jQuery May 14, 2011 Give your users a dose of familiarity with iOS style badges.
Badger will easily add a beautiful badge to your element without the need for images. Modelled after the badges found on the iPhone and iPad, Badger is an incredibly attractive way to notify your users in a manner that they may already be familiar with. Demo. Lettering.js - A jQuery plugin for radical web typography. 25 jQuery Plugins to help with Responsive Layouts.
The most popular topic of discussion at the moment is undoubtedly responsive layouts in web design.
Without going into it too much, a responsive layout allows you to offer a specific and optimised screen size based on whatever device (mobile, tablet…) the visitor uses. You would typically use Media Queries to resize the overall layout, but what about all of those individual elements and features that make your page unique? Navigation, forms, images, sliders, carousels… they all need to be optimised as well. Gallery of vintageJS- add some awesome retro and vintage style to your images with the HTML5 canvas element. Deck.js » Modern HTML Presentations. Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!
I need ... Learning Javascript with Object Graphs. HEADS UP! This article was written for an older version of node. More up-to-date information may be available elsewhere. One of the secrets to being a super effective JavaScript developer is to truly understand the semantics of the language. This article will explain the basic elemental parts of JavaScript using easy to follow diagrams. References Everywhere. JavaScript from Null: Chapter 4. JavaScript University continues today as we learn about methods of the Array object, how to return values from functions, scope, and even your first animation.
Remember - though each new chapter builds upon the previous ones, you can still follow along perfectly well if you haven't watched the other entries in the series! In this Screencast, you'll Learn: Methods of the Array object: push, pop, unshift, shift Pull values outside of functions Reducing your "global footprint" by creating an object SetInterval Create your first animation Methods of the String object. Chapter 4: Arrays, Functions, and your First Animation Other Viewing Options. Mapstraction - Home. Italia, CSS & jQuery clickable map by Winston Wolf. Tout JavaScript.com [Tutoriaux javascript et PHP] - Scripts, Tutoriaux, Forums pour webmasters et développeurs.
Principe général Les éléments de formulaire sont des objets javascript (Voir aussi la page JavaScript, langage Objet, pour une présentation de ce type de programmation). Cette page présente l'accès par javascript aux objets du formulaire. Supposons le formulaire suivant : HTML5 Dev Center. The Best Way to Learn JavaScript. Tutoriel Vidéo jQuery : Initiation à jQuery. JSLint,The JavaScript Code Quality Tool. Tinkerbin. Online IDE – Your code anywhere, anytime. jQuery.qrcode · generate QR codes dynamically · larsjung.de.