background preloader

JS

Facebook Twitter

AOS - Animate on scroll library. Slick - the last carousel you'll ever need. Set up your HTML markup.

slick - the last carousel you'll ever need

<div class="your-class"><div>your content</div><div>your content</div><div>your content</div></div> Move the /slick folder into your project. JQuery Custom Select Box. JQuery Custom Select Box. In-view.js - Get notified when a DOM element enters or exits the viewport. Natural Language Form. Selectize.js. Current Value: "awesome,neat" Add and remove items in any order without touching your mouse.

Selectize.js

Use your left/right arrow keys to move the caret (ibeam) between items. This example is instantiated from a <input type="text"> element (note that the value is represented as a string). GitHub - protonet/jquery.inview: A jQuery plugin that adds a bindable 'inview' event for detecting when an element is scrolled into view. Slick - the last carousel you'll ever need. Inspiration for Custom Select Elements. Edit fiddle. GitHub - ariona/hover3d: Simple jQuery plugin for 3d Hover effect. Waypoints. Hide Dropdown Menu on Click Outside of the Element in jQuery. Topic: JavaScript / jQuery Answer: Use the jQuery on() method You can use the jQuery click() method in combination with the on() method to hide the dropdown menu when the user click outside of the trigger element.

Hide Dropdown Menu on Click Outside of the Element in jQuery

Related FAQ Here are some more FAQ related to this topic: How to show hide dropdown menu on mouse hover using CSS. Slick - the last carousel you'll ever need. Créer un menu sticky avec JavaScript et CSS. J’ai bossé récemment sur plusieurs sites web, et la requête d’un menu sticky était quasiment systématique.

Créer un menu sticky avec JavaScript et CSS

Parfois elle était justifiée, parfois je me rapprochais du contre-exemple ergonomique stéréotypé. jQuery – InView : déclencher des actions en fonction des éléments visibles à l’écran. Gridster.js. Highcharts - Interactive JavaScript charts for your webpage. Camoconnell/lazy-line-painter. Multiscroll.js - split multi-scrolling pages plugin. GreenSock. Morr.github.com by morr. Demo page for jquery.appear plugin Scroll or resize this page $(function() { var $appeared = $('#appeared'); var $disappeared = $('#disappeared'); $('section h3').appear(); $('#force').on('click', function() { $.force_appear(); }); $(document.body).on('appear', 'section h3', function(e, $affected) { // this code is executed for each appeared element $(this).yellowFade(); $appeared.empty(); $affected.each(function() { $appeared.append(this.innerHTML+"\n"); }) }); $(document.body).on('disappear', 'section h3', function(e, $affected) { // this code is executed for each disappeared element $disappeared.empty(); $affected.each(function() { $disappeared.append(this.innerHTML+"\n"); }) }); }); If you're using the GitHub for Mac, simply sync your repository and you'll see the new branch.

morr.github.com by morr

Designer Templates We've crafted some handsome templates for you to use. Rather Drive Stick? Authors and Contributors You can @mention a GitHub username to generate a link to their profile. Support or Contact. Middleman: Hand-crafted frontend development. FullPage.js One Page Scroll Site Plugin. jQuery One Page Scroll by Pete R. jQuery plugin: Table of contents with scrolling progress. Create a table of contents with scrolling progress View the project on GitHub View the demos.

jQuery plugin: Table of contents with scrolling progress

Weaintplastic/jquery-unveiled-navigation. jQuery custom content scroller. Last updated on Nov 17, 2015 Originally published on August 1, 2010 by malihu, under Plugins.

jQuery custom content scroller

Highly customizable custom scrollbar jQuery plugin. Features include vertical and/or horizontal scrollbar(s), adjustable scrolling momentum, mouse-wheel (via jQuery mousewheel plugin), keyboard and touch support, ready-to-use themes and customization via CSS, RTL direction support, option parameters for full control of scrollbar functionality, methods for triggering actions like scroll-to, update, destroy etc., user-defined callbacks and more.

Current version 3.1.3 (Changelog)Upgrading from version 2 When upgrading from version 2.x to 3.x it’s important to use version 3 CSS and .png files. Version 3 is backwards compatible but it’s also a huge overhaul. Version 2 is still maintained and updated here. How to use it Get started by downloading the archive which contains the plugin files (and a large amount of HTML demos and examples). Initialization Initialize via javascript more info Initialize via HTML. ScrollMagic ♥ Demo. jQuery Plugin For 3D Perspective Transforms On Mousemove - LogosDistort. LogosDistort is a fancy jQuery plugin that helps you create unique 3D perspective distortions with mouse interaction using CSS matrix3d transforms.

jQuery Plugin For 3D Perspective Transforms On Mousemove - LogosDistort

A little similar to the parallax effect that reacts to viewer's cursor. More examples: Des ressources Javascript pour animer le HTML et les SVG de votre site. C'est officiel depuis début décembre, la technologie Flash, en mort lente depuis plusieurs années est abandonnée par son créateur au profit du HTML5.

Des ressources Javascript pour animer le HTML et les SVG de votre site

En effet, le logiciel Flash Professional quitte la suite d'Adobe pour etre remplacé par Animate CC. Si vous faites parti des retardataires qui n'avaient pas encore fait sa transition vers HTML5, je vous propose de découvrir cette série de 5 ressources Javascript qui vous permettra d'animer votre site avec les technologies CSS3, HTML5 et Javascript ! SUPERSCROLLORAMA. SuperScrollorama is powered by TweenMax and the Greensock Tweening Engine.

SUPERSCROLLORAMA

JCF or JavaScript Custom Forms: Easy form elements customization! 6 ressources javascript pour notifier vos utilisateurs. Aujourd'hui, je vous propose de découvrir 6 ressources pour permettre de notifier à vos utilisateurs les changements et nouveautés de vos sites et applications web. A Simple Parallax Scrolling Technique. Parallax scrolling is an interesting technique, where, as you scroll, the background images translate slower than the content in the foreground, creating the illusion of 3D depth. As I planned to re-design my personal website, my first goal was to write the shortest and simplest code to achieve maximum awesomeness! I'll show you how I did it. In this tutorial, I'll teach you the simplest parallax scrolling technique you've ever came across, so let's dig in!

Scroll Page Horizontally With Mouse Wheel. Snap.svg - Home. Slide Out Menu. Interactive JavaScript charts for your webpage. Progress bars with JavaScript. Raphaël—JavaScript Library.