Material Design Lite
Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!
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. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6. Current version: 2.1 beta4. IE7.js Upgrade MSIE5.5-6 to be compatible with MSIE7. IE8.js Upgrade MSIE5.5-7 to be compatible with MSIE8. You do not need to include IE7.js if you are using IE8.js IE9.js Upgrade MSIE5.5-8 to be compatible with modern browsers. You do not need to include IE7/IE8.js if you are using IE9.js The script only fixes images named: *-trans.png If you want the fix to apply to all PNG images then set a global variable as follows: var IE7_PNG_SUFFIX = ".png"; You must set this variable before including the IE7.js script. <script src="IE8.js">IE7_PNG_SUFFIX=".png";</script> The suffix will ignore query string parameters. var IE7_PNG_SUFFIX = ":"; By default, the PNG will be stretched (this simulates tiling). You may link directly to these files if you wish:
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. Téléchargez la librairie Mootools 1.2 CoreUploadez la librairie de Mootools 1.2 sur votre serveur ou espace de travailFaites un lien vers la librairie Mootools 1.2 Core entre les balises de votre page - 2. Créer un fichier JavaScript externe et faire le lien vers celui-ci dans votre : A partir de là, vous pouvez utiliser l'une ou l'autre des méthodes. Placer dans le domready Les fonctions Mootools doivent être appelées dans l'évènement domready. window.addEvent('domready', function() { exampleFunction();}); Placer dans une Fonction Vous pouvez quand même placer vos fonctions en dehors du domready, puis les appeler à l'intérieur de celui-ci. var exampleFunction = function() { alert('hello')}; Description de la librairie Noyau Natif Classes Une classe JavaScript (c'est différent d'une classe CSS), est un objet réutilisable avec des fonctionnalités. Elements Utilitaires Request Plugins
Buzz, a Javascript HTML5 Audio library
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. 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. Dans cet article, je vous présente le framework KnockoutJS. Je tiens à préciser que ce framework est aujourd’hui largement utilisé et possède une grande communauté de développeurs. Exemple 1 : liaison simple
koenbok/Framer: Framer - Design interaction and animation
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. 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). 1. Choreographer-js Une bibliothèque simple qui vous aidera à réaliser des animations complexes. 2. iMissYou.js Ce petit plugin jQuery change le titre et le favicon d’une page web lorsque l’internaute part de votre site. 3. jqGifPreview Créez des aperçus de GIF similaires à ceux de Facebook grâce à ce plugin jQuery gratuit. 4. Leaflet est une bibliothèque Javascript de cartes interactives. 5. egjs egjs est un pack d’interactions UI, d’effets et autres éléments jQuery. 6. 7. 8. jQuery Linechart 9. 10. jQuery formBuilder 11. 12. 13. 14. 15. 17. 18. 19.
YepNopeJS.com - Conditional Loader for eCom Success
Bliss.js — Heavenly JavaScript!
Zepto.js: the aerogel-weight jQuery-compatible JavaScript library
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. 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. 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. Animatelo Animatelo is a port of the extremely popular Animate.css library that replaces the CSS transitions with Web Animations API clones. FuseBox FuseBox is a bundle loader for JavaScript and CSS with optional add-ons for TypeScript, Sass, and more. Yargs WebGradients Sticky-Kit ScrollDir
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. 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. This is the third article in the series Beyond CSS: Dynamic DOM Animation Libraries. Here’s what I have already covered: Animating the DOM with Anime.js touches on how best to use animation on the web and when you could consider using a JavaScript animation library instead of CSS-only animation. What You Can Animate with Velocity.js Velocity.js is a powerful library, which puts the DOM at your fingertips! In general, Velocity animates one numeric property value at a time. Options Duration: how long each animation lasts.
