MOONGIFT: » 半透明でクールなヘルプ「CoolTips」:オープンソースを毎日紹介
最近新しいサービスを作っているのだが、ようやく最終段階に入り細かいユーザビリティを気にできるようになった。その中で、入力フォームや分かりづらい項目に説明をつけようと思った。 ただのリンクでは寂しすぎる。あまり使われる事がない機能かも知れないがクールに攻めよう。 今回紹介するオープンソース・ソフトウェアはCoolTips、半透明でクールなツールチップだ。 CoolTipsは指定した場所にマウスを持っていくと浮かび上がるツールチップで、半透明の角丸になっている点がクールだ。しかも半透明で、背後の項目が透けてみえる点も良い。 他のライブラリとして、prototype.jsやscript.aculo.usを利用している。ツールチップを表示する項目側は特に設定はなく、title要素に説明文を入れておけば良いだけだ。後はJavaScript側で項目を指定すれば簡単に実現できる。 背景色、枠線色、文字色
JavaScript ガイド - JavaScript | MDN
JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ
Visioのような図が書けるJavaScriptライブラリ「Open-jACOB Draw2D 」:phpspot開発日誌
Visioのような図が書けるJavaScriptライブラリ「Open-jACOB Draw2D 」 2006年11月26日- Open-jACOB Draw2D Create drawings and diagrams with the free Javascript library. The User interface allows interactive drawing by using your standard browser. No additional software; no third party plug ins. Just run it and use it. Visioのような図が書けるJavaScriptライブラリ「Open-jACOB Draw2D 」。 次のような図形描画機能を、ライブラリを使うことで自分のツールに組み込めるのが嬉しいところです。 描画した図形
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
suggest.js - 入力補完ライブラリ
Japanese / English JavaScriptで入力補完を手軽に行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、補完候補を表示します。(Google Suggestぽく) Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 検索は、前方一致/部分一致、大文字と小文字の区別あり/なしといったように、オプションで簡単に指定できます。また、その他にも様々なオプションが指定可能です。 検索結果の表示上限を指定できます。(デフォルト上限20件) 補完候補はキーボードの上下と、マウスにて選択できます。また、キーボードで選択中にES
フォーム値のチェックをJavaScriptで簡単かつクールに行う「fValidator」:phpspot開発日誌
fValidator - Alone Simple form using fValidator フォーム値のチェックをJavaScriptで簡単かつクールに行う「fValidator」。 fValidator を使えば、次のように input エレメントの class 属性に 値を指定するだけで入力チェックの機構を実装できます。 <input id="exA_Id" class="fValidate['required']" name="id" type="text"> <input id="exA_cPassword" class="fValidate['required','=exA_Password']" name="cpassword" type="password" > JavaScript で入力チェックというと結構面倒なイメージがありますが、このライブラリを使ってしまえばHT
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
gmailで添付ファイルが自動でアップロードされるしくみ - bits and bytes
gmailでメールを書くとき、添付するファイルを選んでからしばらくすると、いつの間にか添付ファイルがアップロードされています。 添付するファイルを選ぶと、はじめファイル名が表示されていたのが 自動的にアップロードされて、名前とファイルサイズが表示されています！ 実は、あまり名前も聞かなくなった Google Page Creator がリリースされたときにいちばんびっくりしたのはページの右下にこのgmailの自動アップロードとよく似たしくみがあったことでした。で、さっそく解析してマネしてみたことがあります。今回はgmailでその仕組みを見てみます。 ちなみにその Google Page Creator には、ログインすると右下にこんな ファイルをアップロードするのに使う部分があります。 gmailの場合、メールが自動保存されるタイミングでアップロードされているかんじでしたが、こっちのはBr
The Blog Icons
Download the blog icons. including SVG source code and exported to PNG GIF and JPG. This is a collection of high quality vectorial icons to represent common ideas and actions of the blogosphere. They were based on the SVG work from FeedIcons.com. The base button is the same, but mathematically simplified on the XML level. New buttons were added based on other popular icons found on the web or crea
無料タスク管理サービス「Remember The Milk」日本語版の使い方 - GIGAZINE
今週に入ってから突然日本語化された、海外では超有名な無料のタスク管理、ToDo管理サービスを提供してくれるサイトです。 AJAXを駆使しており、入力はとても簡単。好きなように管理できるのが特徴で、タスクの登録はログインしなくとも、指定したメールアドレスにメールを送信すれば自動的に登録してくれます。登録した予定はメールやメッセンジャー経由でリマインダー可能。また、RSSやiCal形式で出力したり、知り合いと共有することもできます。 というわけで、ざっくりと使ってみました。いろいろなToDo管理、タスク管理のいいとこどりをした感じです。 Remember The Milk http://www.rememberthemilk.com/ まずは上記サイトにアクセスし、「今すぐ登録！」をクリック 必要事項を入力し、「登録」をクリック この画面になったら登録時のメールアドレスにメールが来ていないかど
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSON/簡単なテスト:基本
Google Maps APIおよびそれに類する地図データや位置情報のAPI機能を活用して作られたWebサイト、コミュニティ、情報サービスなどの事例をできるかぎり全て教え…
Ext JS - JavaScript Library