ScrollTrigger - Let your page react to scroll changes
Trigger classes based on scroll position The most basic usage of ScrollTrigger is to trigger classes based on the current scroll position. E.g. when an element enters the viewport, fade it in. You can add custom offsets per element, or set offsets on the viewport (e.g. always trigger after the element reaches 20% of the viewport) Execute callbacks on entering / leaving the viewport When using the
Reframe.js makes unresponsive elements responsive
Reframe.js is a javascript plugin that makes unresponsive elements responsive. This is a video… that shows cute cats… in a perfect ratio at any size… because Reframe.js is awesome!
Granim.js
Basic gradient animationBasic gradients animation with 3 gradients in queue composed of 2 colors. var granimInstance = new Granim({ element: '#canvas-basic', direction: 'left-right', isPausedWhenNotInView: true, states : { "default-state": { gradients: [ ['#ff9966', '#ff5e62'], ['#00F260', '#0575E6'], ['#e1eec3', '#f05053'] ] } } });
ZingTouch - A JavaScript gesture detection library
Standard Gestures ZingTouch provides six standard gestures that are completely customizable. Note: These demos are best viewed on a touch capable device. A tap event is a quick start and end of an input. Tap gestures can be configured with the amount of time inbetween a start and end, and the number of inputs it requires. Emits interval - a time measured in milliseconds between the start and end o
Tocbot
TocbotGenerate a table of contents based on the heading structure of an html document Tocbot Tocbot builds a table of contents (TOC) from headings in an HTML document. This is useful for documentation websites or long markdown pages because it makes them easier to navigate. This library was inspired by Tocify, the main difference is that Tocbot uses native DOM methods and avoids the jQuery & jQuer
Vidage.js
Vidage.js Your solution to Background Video & Image Special thanks to
Animate transition
AnimateTransition({ container: container, blockIn: blockIn, blockOut: blockOut, animation: 'slide-in', onTransitionStart: function (blockIn, blockOut, container, event) { }, onTransitionEnd: function (blockIn, blockOut, container, event) { } }); AnimateTransition({ container: container, blockIn: blockIn, blockOut: blockOut, animation: 'slide-in', onTransitionStart: function (blockIn, blockOut, con
Notie - A Javascript Notification Plugin
notie a clean and simple notification suite for javascript, with no dependencies.
Floaty Color Colock
00h can't loading 06h can't loading 12h can't loading 18h can't loading
notie.js by Jared Reich
A clean and simple notification plugin (alert/growl style) for javascript, with no dependencies.
Popmotion: The animator's JavaScript toolbox
The animator’s JavaScript toolbox.PowerfulSupports keyframes, spring and inertia animations on numbers, colors, and complex strings.Low levelSimple, composable functions, portable to any JS environment. The library behind the library, it powers the animations in Framer Motion.StableWritten in TypeScript and enjoys over 95% test coverage.TinyThe animate function is less than 5kb, and every utility
nippleJS
Table Of Contents - [Install](#install) - [Demo](#demo) - [Usage](#usage) - [Options](#options) * [`options.zone` defaults to 'body'](#optionszone-defaults-to-body) * [`options.color` defaults to 'white'](#optionscolor-defaults-to-white) * [`options.size` defaults to 100](#optionssize-defaults-to-100) * [`options.threshold` defaults to 0.1](#optionsthreshold-defaults-to-01) * [`options.fadeTime` d
Flight by Twitter
Overview Flight is a lightweight, component-based JavaScript framework that maps behavior to DOM nodes. Twitter uses it for their web applications. By way of example, we've included a simple email client demo (browse the source) built over the Flight framework. There's also a flight implementation over on the todoMVC site (source), courtesy of @mkuklis Flight uses jQuery and requires a module load
Page Scroll Effects | CodyHouse
Page Scroll Effects Section 2 Section 3 Section 4 Section 5 Download Animation: Hijacking:
Color Extraction Effect with Vibrant.js
Creating a color palette from images in a fun way using Vibrant.js
Image Tilt Effect
This effect currently only works on hover. Please switch to a desktop browser in order to see the effect. How it works A normal image is replaced with layers of semi-transparent divisions of the same image. Every layer moves according to the configuration, creating a subtle motion effect. Hover over the grid images to see how the effect works: Default options: "extraImgs" : 2, "opacity" : 0.7, "bg
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Triple Panel Reveal Slideshow | Codrops
notie - jaredreich.com
turbo.js - Easy GPGPU
Megaman 2 JS