Open Source System for Visualizing Time Series Data
Cube is an open-source system for visualizing time series data, built on MongoDB, Node and D3. If you send Cube timestamped events (with optional structured data), you can easily build realtime visualizations of aggregate metrics for internal dashboards. For example, you might use Cube to monitor traffic to your website, counting the number of requests in 5-minute intervals. Cube supports filters
Facebook風のツールチップを実現するJavaScript「tipsy」
twitter facebook hatena google pocket jQueryを使用してFacebookスタイルのツールチップを実現する「tipsy - Facebook-style tooltip plugin for jQuery」です。 ツールチップとは吹き出しのようなもので、リンクや画像などの説明をわかりやすく表示してくれます。 sponsors 使用方法 tipsyからファイルをダウンロードします。 <link rel="stylesheet" type="text/css" href="tipsy.css" /> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.tipsy.js"></script> <sc
IE共通の9つのCSSバグをそれぞれ解決する方法:phpspot開発日誌
IE共通の9つのCSSバグをそれぞれ解決する方法がNettutsにて紹介されています。 どれも、なんでだろうと頭を悩ましそうな問題なので解決法を知っておくと簡単に対処できそうです。 1. センタリングが効かない問題 margin: auto を指定した場合の期待する結果 IEの場合以下のようになりますが↑にするための解決法が書かれています 2. 横に並べたいリストが階段状になってしまう IEの場合以下のようになってしまいますがこの解決法も記載されています 3. ダブルマージンフロートバグ マージンの指定が期待通りに出ている例 ↓ IEの場合、margin: 30px 0 0 30px; で定義した値が正しく適用されない例も解決法があります 4. heightの高さ指定が効かないバグ height:2px を指定した場合の想定する表示 IEはなぜか2pxにならないのでこれも解決法が示されて
jQuery Confirm Plugin | Nadia Alramli's Blog
This plugin displays a confirmation message in place before doing an action. It does not require adding any extra code apart from a call to the plugin itself. One call to $(element).confirm() will do the magic. Also, this plugin doesn't require you to provide a callback function; it figures it out on its own. You can check the examples for more info. How does it work? To put it simply, it saves a
WebKit の CSS の字句解析部分を JavaScript に移植しました - IT戦記
これを JS に移植しました。 http://svn.webkit.org/repository/webkit/trunk/WebCore/css/tokenizer.flex ポイント それなりに汎用的な Flex みたいなものを作ったので、その部分は CSS 以外にも使えると思います。 あと、定義を文字列で書かずに正規表現オブジェクトで書くのでバックスラッシュをエスケープせずに書けます。ですので、ほとんどの箇所は WebKit の tokenizer の定義をコピーするだけで済みました。 その辺のアイデアは JavaScript で構文解析: Days on the Moon を参考にしました あと http://svn.coderepos.org/share/lang/actionscript/ascss/src/css/CSSLexer.as id:gyuque さんの ASCSS
クッキーを使わないでブラウザに設定情報を保存できる「PersistJS」:phpspot開発日誌
Pablotron: PersistJS: Cross Browser Client-Side Persistent Storage Without Cookies I just released PersistJS, a client-side JavaScript persistent storage library. クッキーを使わないでブラウザに設定情報を保存できる「PersistJS」。 通常、ブラウザに設定を保存というと、クッキーですが、容量が４ＫＢまでで、毎回ブラウザ間でデータの通信が発生したりして使いづらい面もあります。 PersistJS は Flash8,gears, localstorage,最終的にはcookieなどのバックエンドから使えるものを選んで、ローカルにデータを保存するためのJavaScriptライブラリです。 ストレージ次第で数メガのデータを保存すること
iPhoneがJavaScript＋SQLiteでGPSレコーダーに！ (1/5)
JavaScriptを使ってGPSデータを取得できるようになったiPhone OS 3.0。前回は、現在の位置情報を取得し、Googleマップに表示する方法を紹介しました。後編は、位置情報と日時をデータベースにどんどん記録していくプログラムを作ってみましょう。 Safariのデータベースを使う iPhoneに搭載されているSafariは、HTML5で追加される予定のAPI「Client-side database storage」を先行実装しており、ブラウザーが用意しているローカルデータベースにJavaScriptを使ってデータを保存できます。 iPhoneのSafariはデータベースエンジンとして「SQLite」を実装しています。SQLiteは、SQLのすべての命令には対応していませんが、簡単なWebアプリケーション用途であれば十分な機能を持つデータベースエンジンです。個々のテーブルは「
タブ、ツールチップなどクールなＵＩコンポーネント実装jQueryプラグイン「jQuery TOOLS」:phpspot開発日誌
タブ、ツールチップなどクールなＵＩコンポーネント実装jQueryプラグイン「jQuery TOOLS」 2009年06月16日- jQuery TOOLS - The missing UI library for the Web タブ、ツールチップなどクールなＵＩコンポーネント実装jQueryプラグイン「jQuery TOOLS」。 同様のライブラリは他にあるかもしれませんが、アニメーションや見た目の点で非常に洗練されていて覚えておく価値アリなものになってます。 Expose 該当部分だけを目立たせることが出来る ↓↓クリックするとクリックした位置以外がグレー表示になります Tooltip イカしたスタイルがかかったツールチップ Tab 綺麗なタブUI Overlay LightBox風のページ内ウィンドウ実装 Scrollable 少ないスペースでコンテンツをスクロールするウィジェット実
Create Vimeo-like top navigation
I really like the top navigation implemented on Vimeo.com. First time I saw it I wanted to recreate it. And this is exactly what I am going to do in this tutorial. What I like the most is the menu that drops down when you hover search box. It offers you different search options that you can choose and narrow your search. Download source View demo The base for this tutorial is simple CSS drop down
Create a Slick Tabbed Content Area using CSS & jQuery | Envato Tuts+
One of the biggest challenge to web designers is finding ways to place a lot of information on a page without losing usability. Tabbed content is a great way to handle this issue and has been widely used on blogs recently. Today we're going to build a simple little tabbed information box in HTML, then make it function using some simple Javascript, and then finally we'll achieve the same thing usin
jQuery List – A Blog For Coders & Programmers
CSS is an acronym that stands for cascading style sheets and refers to a set of instructions that controls the appearance of a web page. The formatting principles of CSS are supported by most browsers include Firefox and IE3. In comparison with HTML, CSS provides more formatting options and finer tuning for instance, instead of being stuck with 7 font sizes one can simply use an infinite number of
日付を、「昨日」とか「何時間前」などに変更できるJavaScript「Pretty Date」:phpspot開発日誌
日付を、「昨日」とか「何時間前」などに変更できるJavaScript「Pretty Date」 2009年03月06日- John Resig - JavaScript Pretty Date 日付を、「昨日」とか「何時間前」などに変更できるJavaScript「Pretty Date」 2008-01-28T20:24:17Z を 2 hours ago に簡単に変換できるみたい。 jQueryと一緒に使えば、$('a').prettyDate() のように簡単に時間を変換できます。 サーバ側で変換するよりも良い点は、setInterval(function(){ $("a").prettyDate(); }, 5000); のようにしてタイマーを作って、リアルタイムに何時間前といった計算ができること。 ページ遷移なしに、この部分が書き換わる＆負荷をクライアント任せに出来るっていうことで
Bespin » Code in the Cloud
Login above to work on your projects, or select an option below. Use Bespin Edit Now Give us an open-source project name or a publicly accessible repository URL and we'll create a project for you. Register for Bespin No account? No problem! Click below to create an account. Registration is free. Learn about Bespin What is Bespin? Bespin is a Mozilla Labs experiment on how to build an extensible We
プログレスバー 無料サービス「Preloaders.net」 - GIGAZINE
AJAXなどを使ってデータをバックグラウンドで読み込んでいる間、ユーザーが待っている時間のストレスをできるだけ少なくするためにできたのがこのプリローダーというもの。Flashなどではおなじみのアレです。このプリローダーを無料かつ簡単に作成できるオンラインサービス、それが「Preloaders.net」です。形・色・サイズ・アニメーションする速度を選べば即座に完成するというお手軽さ。だからといってできあがるアニメーションはしょぼくないというのがポイントです。 実際のサンプルや作り方などは以下から。 Preloaders.net | Free AJAX animated loading gif's | 3 dimensional (3D) http://www.preloaders.net/ 種類は「3次元（3 dimensional）」「四角形（Rectangular）」「円（Circula
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Detecting a swipe in WebKit
Daftar 20 Situs Judi Slot Online24jam Terpercaya 2022 -
GitHub - cho45/jsdeferred: Asynchronous library in JavaScript. Standalone and Compact.
Blogger
IDEA * IDEA
IDEA * IDEA
