ブックマーク / github.hubspot.com (7)

  • PACE — Automatic page load progress bars

    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:

    tmatsuu
    tmatsuu 2014/08/31
    プログレスバーなどを表示するライブラリ。たくさんパターンが用意されてて良い
  • Offline

    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

    tmatsuu
    tmatsuu 2013/10/25
    Ajax通信を監視し、ユーザがオフラインになっていた場合はエラーメッセージを表示、復旧したら再度同じAjaxを再送してくれるJavaScriptライブラリ。ほほう
  • odometer

    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

    tmatsuu
    tmatsuu 2013/10/14
    オドメーター風の数字表記を実装するためのJavaScriptライブラリ。demo pageにサンプル多数。カウンターなどを表示するのにとても良さげ
  • Bucky — Performance Measurement of Your App's Actual Users

    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

    tmatsuu
    tmatsuu 2013/10/09
    ページの読み込み速度などをAjaxでサーバに投げてユーザの状況をリアルタイムに把握できる。このサイトに誰かがアクセスするたびにグラフが変化する。おおおお
  • PACE

    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

    tmatsuu
    tmatsuu 2013/09/21
    ページの一番上に自動的にプログレスバーを表示するJSライブラリ。最近こういうのよくあるが、進捗をJSで更新する必要なく自動で進んでくれる。おお素晴らしい。
  • vex – Beautiful, functional, modal dialogs in Javascript

    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.

    tmatsuu
    tmatsuu 2013/09/19
    21世紀のダイアログボックスはこうだ!ババーン! 確かに格好いい。
  • messenger

    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

    tmatsuu
    tmatsuu 2013/03/01
    JavaScriptのalert()はもう古い。21世紀のalertはこのMessengerらしい。jQueryとBackbone.js依存。サンプルあり。Androidでも動いた
  • 1