Delighters
Delighters.JS Add CSS animations to delight users as they scroll down. A tiny javascript library by Q42 https://github.com/Q42/delighters Features Declarative Flexible Light footprint Framework-agnostic Supports desktop, mobile & tablets Degrades gracefully to your default styling Usage 1. Include the script <script type="text/javascript" src="delighters.js"> 2. Add delighter attributes <div class
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'] ] } } });
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
driveway: pure CSS masonry layout aid
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu justo ex. Praesent mollis augue sagittis eros pharetra feugiat. Phasellus dignissim est lacus. Sed nec imperdiet dolor, sit amet mattis ex. Sed sed augue eu neque tristique commodo. Mauris aliquet tortor sollicitudin nibh molestie, id egestas nisl sollicitudin. Aliquam erat volutpat. Donec quis ultrices ligula. Cras sed purus risus.
Simple UI
Getting started Download Four download options are available: Download the latest release. Clone the repository: git clone https://github.com/fengyuanchen/simpleui.git. Install with NPM: npm install simpleui. Install with Bower: bower install simpleui. Installation Once downloaded the source files, includes the main CSS file into your pages: <!doctype html> <html lang="en"> <head> <meta charset="u
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
es - extensible shell
Es is an extensible shell. The language was derived from the Plan 9 shell, rc, and was influenced by functional programming languages, such as Scheme, and the Tcl embeddable programming language. This implementation is derived from Byron Rakitzis's implementation of rc, and was written by Paul Haahr & Byron Rakitzis. Why? Es is an extensible Unix shell with first class functions, lexical scope, ex
woofmark
Barking up the DOM tree. **woof** <strong>woof</strong> A modular, progressive, and beautiful Markdown and HTML editor # Markdown? Here's a teensie bit of [Markdown][1] to get you started. Markdown lets you <mark>produce **rich** HTML-formatted text by writing _plain text_</mark>. You can write `code`, text in _italics_ or give them **a "bolder" format**. You can create headings by prefixing them
Blockrain.js - a Tetris game in HTML5 + Javascript
Embed & play the classic game on your site. Simple as that. Plug 'n' Play Just copy and paste a bit of code and you'll be good to go Responsive No matter how wide or narrow your display is, you'll always be able to play. Design Customize it as you want. Change the colors to fit your site. Speed Adjust how fast the blocks are falling to make it more difficult. Score Add the scoreboard or not. That'
CoverVid
Why is it special? For starters, it makes your HTML5 video behave like a background cover image, but other plugins also do that. CoverVid is very lightweight, with only 800 bytes of Javascripts. It is usable in native Javascript and jQuery. Its logic is parent based, meaning the parent element can be any size (Not necessarily just a full-screen background). How do I use it? First pull the project
jQuery WebGL Ripples
Background images are often boring. Use this effect to make your static CSS background images more interactive! It's as easy as: $('body').ripples({ resolution: 512, dropRadius: 20, perturbance: 0.04, }); You can add drops programmatically by doing $('body').ripples("drop", x, y, radius, strength) And you can change its state: $('body').ripples("pause") $('body').ripples("play") Download or fork t
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Animate Css Jquery
Redirecting to https://mermaid-js.github.io/mermaid/#/
Eagle.js
timegrid.io is for sale!
CSSPIN - CSS Spinners and Loaders
jQuery formBuilder/formRender Demo
icono - light and ready to use icons for your next project
Stopwatch in CSS
{{#tags}}- {{label}}
{{/tags}}