はてなブックマーク

HubSpot Messaging Library Show transactional messages in your app. Wrap AJAX requests with progress, success and error messages. Add action links to your messages. 4kb minified and compressed. Works in everything modern, and IE7 and above. Demo Requires jQuery Plays well with, but doesn't require, Bootstrap Including JS /build/js/messenger.min.js /build/js/messenger-theme-future.js CSS /build/css/

Including <link rel="stylesheet" href="shepherd-theme-arrows.css" /> <script src="tether.min.js"></script> <script src="shepherd.min.js"></script> Example tour = new Shepherd.Tour defaults: classes: 'shepherd-theme-arrows' tour.addStep 'example', title: 'Example Shepherd' text: 'Creating a Shepherd is easy too! Just create ...' attachTo: '.hero-example bottom' advanceOn: '.docs-link click' tour.st

Automatically get every page load and AJAX request into Graphite or OpenTSDB Free, open source, and self-hosted Fast, efficient, and less than 4kb of compressed javascript

Drop.js Drop.js is a fast and capable dropdown library built on Tether. How to Use Drop is an open-source JavaScript and CSS library that creates and positions dropdowns. It's powered by Tether.js. To use, first download the latest tether and drop releases. Then add this to your page: <link rel="stylesheet" href="drop-theme-arrows.css" /> <script src="tether.min.js"></script> <script src="drop.min

What is Offline.js? Offline.js is a library to automatically alert your users when they've lost internet connectivity, like Gmail. It captures AJAX requests which were made while the connection was down, and remakes them when it's back up, so your app reacts perfectly. It has a number of beautiful themes and requires no configuration. Install The easiest way to add Offline to your site is with Eag

Offline Note to users pre-0.6.0: Offline previously used a cloudfront hosted file as one of it's methods of detecting the connection status. This method is now deprecated and the image has been removed. Please upgrade to Offline 0.7.0+. Improve the experience of your app when your users lose connection. Monitors ajax requests looking for failure Confirms the connection status by requesting an imag

O L M O D Z A B C D O I J K L M O M G H I J K L M E Y Z A B C D E T L M N O P Q R S T E V W X Y Z A B C D E R G H I J K L M O P Q R How To Use Add the js and a theme file to your page: <link rel="stylesheet" href="odometer-theme-car.css" /> <script src="odometer.js"></script> Any element with class name "odometer" will automatically be made into an Odometer! When you want to update the value, simp

Odometer is a Javascript and CSS library for smoothly transitioning numbers. See the demo page for some examples. Odometer's animations are handled entirely in CSS using transforms making them extremely performant, with automatic fallback on older browsers. The library and largest theme is less than 3kb when minified and compressed. All of the themes can be resized by setting the font-size of the

Automatically get every page load and AJAX request into Graphite or OpenTSDB Free, open source, and self-hosted Fast, efficient, and less than 4kb of compressed javascript

Beautiful, functional dialogs in vanilla JavaScript4.0.1 vex Take control of your dialogs vex is a modern dialog library which is highly configurable, easily stylable, and gets out of the way. You'll love vex because it's tiny (5.5kb minified and gzipped), has a clear and simple API, works on mobile devices, and can be customized to match your style in seconds. Features Drop-in replacement for ale

What is Pace? Include pace.js and a CSS theme of your choice, and you get a beautiful progress indicator for your page load and ajax navigation. No need to hook into any of your code, progress is detected automatically. Download If you’re a developer, download Pace directly here: Pace.js Themes Enter a color:

pace Include pace.js and the theme css of your choice on your page (as early as is possible), and you're done! Pace will automatically monitor your ajax requests, event loop lag, document ready state, and elements on your page to decide the progress. On ajax navigation it will begin again! If you use AMD or Browserify, require in pace.js and call pace.start() as early in the loading process as is

What is Pace? Include pace.js and a CSS theme of your choice, and you get a beautiful progress indicator for your page load and ajax navigation. No need to hook into any of your code, progress is detected automatically. Download If you’re a developer, download Pace directly here: Pace.js Themes Enter a color:

When opening a vex, you can assign your own class names to everything. This dialog is using the "Wireframe" theme by simply passing the option cssClass: "vex-theme-wireframe". Click the arrow to see the "Operating System" theme.

Client-side growl-like notifications with actions and auto-retry.1.4.1 Messenger Demo and Usage Show messages in your app. Wrap AJAX requests with progress, success and error messages, and add retry to your failed requests. Add actions (undo, cancel, etc.) to your messages. Messenger is different from other solutions for a few reasons: Each message can be updated after being posted without losing