jQuery / js

JSFiddle Examples · angular/angular.js Wiki. Better introductions for websites and features with a step-by-step guide for your projects. HTML Canvas Deep Dive, 2013. 2013 Edition: Games Games account for about half of the apps in the typical app store.

They are among the first thing ported to any new platform. Games help drive technology forward. This year's edition of the popular HTML Canvas Deep Dive will focus specifically on building cross platform games for mobile and desktop. We will cover everything needed to build basic games with animation, scrolling, sound effects and music, image loading, sprites, and even joystick support. Superhero.js. jQuery Version and Plugin Usage Report. BuiltWith.com downloaded the top million sites to determine the version usage of jQuery and jQuery plugins.

The report details the most popular jQuery versions and plugins in use on the web today. Vegas, un slideshow / background fullscreen avec jQuery. How to Create a Responsive Image Slider in jQuery and CSS3. Topic: jQuery (flexslider) / CSS3Difficulty: IntermediateEstimated Completion Time: 30 mins Today we will code a responsive image slider from the Impressionist UI.

We will code it using the FlexSlider plugin for the functionality and style it using CSS3. Using window.matchMedia to do media queries in JavaScript. Les data en forme. Cette semaine, les journalistes de données d'Owni vous parlent de couteau suisse, de police utile, d'entrecôte-béarnaise-frites, de législatives et du côté obscur des données.

Mais surtout, surtout... Ils vont vous faire chanter ! Après la faille temporelle de la semaine dernière pour cause de nouveau gouvernement à visualiser, ouvrons ce nouveau numéro des data en forme en mode “boîte à outil”. Nos collègues helvètes de datavisualisation.ch ont eu la bonne idée de mettre en ligne le seul, l’unique, le véritable couteau suisse du datajournaliste. Guggenheim.js. Here is a demo for the Guggenheim.js gallery plugin.

Use the controls at the bottom to manipulate the gallery. Gallery Order Order AlphabeticallyOrder By First AppearanceOrder By Team Filter The filters are set up so that a character must match each of the different filters set. The Web Developer Toolbox: Raphaël. This is the first of a series of articles dedicated to the useful libraries that all web developers should have in their toolbox.

My intent is to show you what those libraries can do and help you to use them at their best. This first article is dedicated to the Raphaël library. Introduction Raphaël is a library originally written by Dmitry Baranovskiy and is now part of Sencha Labs. The goal of this library is to simplify work with vector graphics on the Web. Basic usage. Learn.knockoutjs.com. AngularJS Tutorial. Timeline. Timeline - Créer des frises chronologiques interactives avec jQuery.

» Responsive IMGs Part 2 — In-depth Look at Techniques Cloud Four Blog. Responsive IMGs Part 2 — In-depth Look at Techniques In Responsive IMGs Part 1, I took a high-level look at what responsive IMGs are, the problem they are trying to solve, and the common issues they face.

In this post, I’m going to take a deeper look at the specific techniques being used to provide responsive IMGs and try to evaluate what works and doesn’t. Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS) Building Single Page Applications With jQuery’s Best Friends. jQuery & JavaScript Articles For The Community. ChiperSoft/Kalendae. Www.atinux.fr. 24 JavaScript Best Practices for Beginners — net.tutsplus.com. As a follow-up to "30 HTML and CSS Best Practices", this week, we'll review JavaScript!

How to Create a Accordion Menu (CSS3+jQuery) [Tutorial] Topic: jQuery / CSS3Difficulty: IntermediateEstimated Completion Time: 30 mins As you may noticed a few days ago we released a tutorial about How to Create an Accordion Menu in Pure CSS3.

As this pure CSS3 Accordion Menu will not work on all browsers because the :target selector in not supported in the oldest browsers we decided to create a jQuery version of this menu. HTML5 Video player jQuery plugin. HTML5 Video player jQuery plugin As you know – HTML5 <video> element is already supported by most of browsers (by modern browsers).

Overthrow. 3 Powerful JS Libraries to Extend Native Javascript Capabilities. Well, we all have to admit, the native javascript isn’t perfect. duh! That’s why we have so many frameworks that try to perfect it, such as jQuery, mootools, prototype etc. We’re not talking about frameworks, it’s more about extra addon, javascript libraries that extend the native javascript functions and methods. Usually, it extends the native javascript’s array, string, number, date, object, etc with a bunch of useful functions and methods. For example, javascript existing Date method isn’t great, it has very limited capability. Leaflet - a modern, lightweight JavaScript library for interactive maps by CloudMade.

Essential JavaScript Design Patterns For Beginners. Design patterns are reusable solutions to commonly occurring problems in software design. They are both exciting and a fascinating topic to explore in any programming language. One reason for this is that they help us build upon the combined experience of many developers that came before us and ensure we structure our code in an optimized way, meeting the needs of problems we're attempting to solve.

Design patterns also provide us a common vocabulary to describe solutions. JavaScript Getters and Setters: Why U No Use Dem? « Josh On Design. Javascript has always had properties but recently support for property accessors and mutators was added, or rather it is finally supported in enough browsers that we can reliably use it. Property accessors and mutators are what we would call in the Java world "getters and setters". The cool thing about the new JavaScript version is that you don't call the getX method. Zoom.js. Source All text is from the indespensable I'm serious as a heart attack Now that there is the Tec-9, a crappy spray gun from South Miami.

This gun is advertised as the most popular gun in American crime. Do you believe that shit? Chocolat->Démonstration(); /* Un plugin jQuery pour photographes */ Turn.js - The page flip effect for HTML5. Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. Facebook Timeline Design using JQuery and CSS. Crop image on the client side with JCrop and HTML5 canvas element. Suppose you are working on a nice web application where the user can upload images to, for example, a shop catalogue (mmm… that makes me think on something :p ) but wait… you don’t the catalogue uses the whole image you upload instead a piece of it.

So, we need to crop the image. Click for demo. Item Blur Effect with CSS3 and jQuery. Working with jQuery, Part 3: Intermediate JQuery: Creating your own plug-in. BeeLine Reader : Lire plus vite et reduire les erreurs – Work Wild Web @ b2bWeb.fr. Gantt. I’ve just pushed some pretty hefty changes to the... Essential jQuery Plugin Patterns - Smashing Coding. Learn to code. jQuery PointPoint – A Plugin For Pointing To Things. Get started with the JavaScript language. Lateral On-Scroll Sliding with jQuery.