background preloader

FRAMEWORKS & LIBRARIES JavaScript

Facebook Twitter

Présentation de backbone.js. Vanilla JS. JavaScripting.com - The Database of JavaScript Libraries. Make Your Website Interactive and Fun with Velocity.js (No jQuery) — SitePoint. Special thanks from me go to James Hibbard and the developers behind Velocity for reviewing this article.

Make Your Website Interactive and Fun with Velocity.js (No jQuery) — SitePoint

Also to users and developers who contribute and have contributed to Velocity over the years. In this article I introduce Velocity.js, a fast and high-powered JavaScript animation engine by Julian Shapiro. By the time you go through all the demos, you’ll be able to use Velocity.js to create your own animations and make your website more interactive and user-friendly. All of this without using jQuery, just vanilla JavaScript. This is the third article in the series Beyond CSS: Dynamic DOM Animation Libraries. Here’s what I have already covered: Next.js. We're very proud to open-source Next.js, a small framework for server-rendered universal JavaScript webapps, built on top of React, Webpack and Babel, which powers this very site!

Next.js

15 Interesting JavaScript and CSS Libraries for March 2017. Danny Markov Our mission at Tutorialzine is to keep you up to date with the latest and coolest trends in web development.

15 Interesting JavaScript and CSS Libraries for March 2017

That’s why every month we release a handpicked collection of some of the best resources that we’ve stumbled upon and deemed worthy of your attention. Propeller Propeller is a CSS components framework based on Bootstrap and Google’s Material Design language. It includes 25 components made with responsiveness in mind and featuring the typical Material Design animations. BaguetteBox BaguetteBox is a pure JavaScript library for creating responsive lightbox galleries. We recently used this library in the making of our freebie pack of 4 Bootstrap Gallery Templates, and we can say we enjoyed working with BaguetteBox a lot.

Whitestorm Framework for developing 3D web apps and games using the Three.js engine. Zepto.js: the aerogel-weight jQuery-compatible JavaScript library. Bliss.js — Heavenly JavaScript! YepNopeJS.com - Conditional Loader for eCom Success. Inferno. Riot.js — A React-like user interface micro-library. Aurelia. 20 bibliothèques et plugins JavaScript gratuits à ne pas rater - Blog Tuto.com. Dans cet article, vous ne trouverez pas d’outils massifs et complexes, seulement des bibliothèques et plugins JavaScript gratuits aux fonctions très précises, faciles à utiliser.

20 bibliothèques et plugins JavaScript gratuits à ne pas rater - Blog Tuto.com

Au programme : création de sliders, de menus, d’animations, de graphiques … mais aussi d’effets atypiques comme des favicons qui changent quand l’utilisateur quitte votre site (iMissYou), ou encore l’apparition de notes en marge d’un texte au survol de la souris (Marginotes). Koenbok/Framer: Framer - Design interaction and animation. Simplifier vos vues avec KnockoutJS : c'est plus simple que vous pensez. Dans quelques instants, je vais vous présenter une méthode pour simplifier le développement de vos vues grâce à un framework Javascript qui va vraiment vous apporter du changement dans votre manière de travailler.

Simplifier vos vues avec KnockoutJS : c'est plus simple que vous pensez

Vous avez sûrement déjà essayé de coder des interfaces graphiques complexes avec des mises à jour dans tous les sens… Si je change cette dropdown, il faut mettre ce champ là à jour… Bref, nous connaissons tous ce type de mécanisme dans le Web. Pour mettre en place cette logique d’affichage, le plus simple est d’écrire du code Javascript et de le lier à des évènements des composants sur la page (par exemple l’évènement Change d’une Dropdown list ou d’une Textbox). Seulement voilà, écrire du code comme ceci « à la main » fonctionne bien quand vous avez 2 ou 3 règles à gérer. Et donc comment allez-vous écrire le code quand il y a 20 champs à mettre à jour ? Et surtout, comment allez-vous assurer une maintenabilité idéale (éviter le code spaghetti…) ?

Comment fonctionne KnockoutJS ? The Opa Language. Buzz, a Javascript HTML5 Audio library. Material Design Lite. HTML KickStart - Ultra–Lean HTML Building Blocks for Rapid Website Production - KickStart your Website Production. Semantic UI. Prototype JavaScript framework: a foundation for ambitious web applications.

Modernizr: the feature detection library for HTML5/CSS3. Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit! 7 ressources Javascript pour créer un site full-page ou parallax - ressource-javascript. Aujourd'hui sur le Blog du Webdesign, découvrez 7 ressources javascript et jQuery pour créer des sites fullpage ou parallax.

7 ressources Javascript pour créer un site full-page ou parallax - ressource-javascript

Une des grosses difficultés à gérer sur les sites de type full page, ou en construction au scroll est que tous les utilisateurs n'ont pas tous la même résolution d'écran. Comment, dans ces conditions-là, faire en sorte que les sections de pages ressemblent toutes exactement à la maquette, fournis dans une seule taille, évidemment ? En utilisant les bonnes ressources pardi ! Ie7-js - A JavaScript library to make MSIE behave like a standards-compliant browser. IE7.js is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser.

ie7-js - A JavaScript library to make MSIE behave like a standards-compliant browser.

It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6. p5.js. MooTools. Mootools en 30 jours : jour 1 - Introduction. Installation de Mootools 1.2 Tout d'abord, téléchargez et installez le noyau (core) de la librairie Mootools 1.2.

Mootools en 30 jours : jour 1 - Introduction

Prototype JavaScript framework: a foundation for ambitious web applications. Cappuccino News 2016 March 1st.

VUE.JS

REACT.JS. ANGULAR.JS. ELECTRON. WEBPACK. POLYMER. GreenSock. CREATE.JS. JQUERY.