JS

LumX. LumX is the first responsive front-end framework based on AngularJS & Google Material Design specifications. It provides a full CSS Framework built with Sass and a bunch of AngularJS components. Use LumX in your project LumX is available through Bower: bower install lumx Don’t use bower? AngularJS jQuery Velocity Moment.js Bourbon (scss only) Material Design Icons (scss only) Include files All needed files are in the dist folder. Moreover, you can include the main sccs file in your Sass project instead of including the compiled file. Use the AngularJS directives and services When you have downloaded all the dependencies you need to add dependencies on the LumX AngularJS module: angular.module('myModule', ['lumx']); BackboneORM. Image Lightbox: Responsive and Touch-Friendly demo by Osvaldas Valutis.

Hero Slideshow. Ramjet. Elevator.js. BooJS - Pour tester votre javascript directement en ligne de commande. Si vous aimez le JavaScript, autant que votre mère, alors je vous invite à jeter un oeil à BooJS. BooJS est un outil en ligne de commande qui permet d'exécuter du JS comme si vous étiez dans un navigateur. Il fonctionne au-dessus de PhantomJS, respecte les conventions Unix et permet donc de tester votre code JavaScript sans avoir à passer par un navigateur.

Voici un exemple d'utilisation : Bref, ça peut servir. Vous trouverez plus d'infos ici et y'a même une FAQ pour répondre à vos questions concernant les différences entre BooJS et PhantomJS / NodeJS. Rejoignez les 49096 korbenautes et réveillez le bidouilleur qui est en vous Suivez KorbenUn jour ça vous sauvera la vie.. Davidhund/styleguide-generators. Tcorral/Design-Patterns-in-Javascript. 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. Etiam aliquet massa et lorem. 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. Textures.js. Textures are useful for theselective perception of different categories View on Github Getting started -- from the top of d3.js -- var svg = d3.select("#example") .append("svg"); var t = textures.lines() .thicker(); svg.call(t); svg.append("circle") .style("fill", t.url()); Lines textures.lines(); textures.lines() .heavier(); textures.lines() .lighter(); textures.lines() .thicker(); textures.lines() .thinner(); textures.lines() .heavier(10) .thinner(1.5); textures.lines() .size(4) .strokeWidth(1); textures.lines() .size(8) .strokeWidth(2); textures.lines() .orientation("vertical") .strokeWidth(1) .shapeRendering("crispEdges"); textures.lines() .orientation("3/8") .stroke("darkorange"); textures.lines() .orientation("3/8", "7/8") .stroke("darkorange"); textures.lines() .orientation("vertical", "horizontal") .size(4) .strokeWidth(1) .shapeRendering("crispEdges") .stroke("darkorange"); textures.lines() .orientation("diagonal") .size(40) .strokeWidth(26) .stroke("darkorange") .background("firebrick"); Paths.

Unheap - A tidy repository of jQuery plugins. Swiper - Most Modern Mobile Touch Slider. Swiper - is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps. Designed mostly for iOS, but also works great on latest Android, Windows Phone 8 and modern Desktop browsers Swiper is not compatible with all platforms, it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity.

Swiper, along with other great components, is a part of Framework7 - full featured framework for building iOS apps. Powered With Top Notch Features Library AgnosticSwiper doesn't require any JavaScript libraries like jQuery, it makes Swiper much more smaller and faster. Buy Us A Beer If you like Swiper you can always buy us a bottle of a nice beerso we can continue developement of such amazing product and to keep it always free Donate More Great Products By iDangero.us. Datedropper - jQuery Dates Plugin. CSS Content Filter. A slide-in filter panel powered by CSS and jQuery. Browser support ie Chrome Firefox Safari Opera 9+ A well-designed filter is a powerful tool users can take advantage of. It is actually an essential feature if your website has lots of content, distributed across different categories.

For an e-commerce, it is a way to increase conversion rates by reducing the time needed by the user to find what he’s looking for. Building this kind of features is never easy: filters highly depend on the website content; besides a filter panel shouldn’t be distracting, the main focus should be the content/products. It takes advantage of CSS Transitions, CSS Transformations and jQuery muscles to smoothly slide in when needed. Credits: we integrated MixItUp, which is a great jQuery plugin created by the talented Patrick Kunka. Creating the structure The HTML structure is a bit more complex than usual. Adding style Most of the CSS is about styling form elements and other basic embellishments. Events handling. Flickity · beta. OriDomi - origami for the web. Squire. Animated Headlines. Bigpicture.js. Share code real-time in your browser. Faites tester votre code par des millions de petits singes. Faites tester votre code par des millions de petits singes Vous connaissez sans doute ce paradoxe du singe savant qui dit qu'avec suffisamment de temps, un singe qui tape au hasard sur une machine à écrire pourra reproduire à coup sûr une pièce de Shakespeare.

Et bien c'est ce que je vous offre aujourd'hui avec Gremlins.js. Il s'agit d'une librairie JavaScript qui va vous permettre de faire tester vos applications web jusque dans les moindres recoins grâce à des singes virtuels. Gremlins.js va générer des centaines d'interactions avec votre site et détecter les erreurs générées, que vous n'aurez plus qu'à corriger ensuite. C'est du test bête et méchant, totalement aléatoire, mais qui vous sera surement très utile pour évaluer la robustesse de votre application face aux armées d'internautes qui viendront piétiner votre code sans vergogne ! Gremlins.js est libre et dispo sous licence MIT. Source Vous avez aimé cet article ? Meteor. Viewer.JS Home.