[JS]ローカル環境でも利用できるダミー画像を生成するスクリプト -Holder.js
サイズやカラーをテキストで指定するだけで簡単にダミー画像を生成できる超軽量（4KB）のスクリプトを紹介します。 Holder.js -GitHub [ad#ad-2] Holder.jsのデモ Holder.jsの使い方 Holder.jsのデモ 対応ブラウザ Holder.jsはcanvasとdata URI schemeを使用しているため、下記のブラウザでご覧ください。 Chrome 1+ Firefox 3+ Safari 4+ Internet Explorer 9+ Holder.js [ad#ad-2] Holder.jsの使い方 使い方は、2ステップです。 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <script src="holder.js"></script> Step 2: HTML ダミー画像を設置したい場所にimg要素で記述します。
JavaScript関係のツールまとめてみた | Web scratch
最近使ってたりするJavaScript関係のツールまとめてみた。 主にWebサービスです。 Global is the new private JavaScriptライブラリの名前空間汚染をチェックするツール。 元々載ってるもの以外でも*Analyze your own scripts!*から調査したいライブラリを追加できる。 jsFiddle ブラウザ上で HTML / CSS / JavaScript の実行結果を表示できる。 Embedコードもあるので、ブログにjsやCSSなどを載っけるのに便利。 エディタ機能も整形、シンタックスハイライトしてくれるので使いやすい。 HTML5のコードを使うにはInfoからDTDを変更してから使う。 類似:MooShell Gist – GitHub gistです。コードスニペット共有サービスです。 Greasemonkey貼るときgist fill
シンプルなソースで拡張性の高いバリデータ『Ketchup Plugin』 – creamu
バリデータをフォームに簡単に組み込みたい。 そんなあなたにおすすめなのが、『Ketchup Plugin』。シンプルなソースで拡張性の高いバリデータです。 使い方としては、まずはjsを読み込んでfunctionを記述。 次に、フォームをプレーンにXHTMLでコーディングした後、inputタグやtextareaタグに、「class=”validate(required, username, rangelength(3,20))”」といった指定を加えることで、バリデータ機能を実装することができます。 「jquery.ketchup.messages.js」を編集してUTF-8で保存することで、日本語のメッセージを出力できますね。メッセージが一カ所にまとまっていて、とても編集しやすいです。 バリデータのオプションはclassにカンマで区切って追加できるので、使いやすそうですね。 一度見てみてくだ
onClick無しでも発リンクを測れるJavaScript
＜Ａ＞タグ内にonClick無しで発リンク計測できます。 Google Analytics: script to track outbound links and downloads::immeria::web analytics blog::Stephane Hamel 外部への発リンク、メール、ダウンロードが計測可能。以下のようにライブラリ読み込みをすれば、すぐに使えます。 <SCRIPT LANGUAGE="JavaScript" SRC="gaAddons.js"></SCRIPT> これだけでOK。他に何もする必要は無く、＜Ａ＞タグ全てに効きます。 半信半疑だったのですが、上図のようにイベントトラッキングに記録されます。コンテンツ＞イベントトラッキング＞カテゴリーで、確認しましょう。発リンクであれば上図のように、outboundというカテゴリーが出来ているはず。 メールのリンクは
リアルタイムにバリデートしてくれるクールなJavaScript – creamu
Validatious2.0という、リアルタイムにバリデートしてくれるクールなJavaScriptを見つけました。 emailを必須にしたい場合、以下のようにシンプルな書き方でバリデートすることができるようです。
リアルタイム入力チェックのJavaScriptライブラリ·yav MOONGIFT
時々、Webサイトで入力している内容をその場で判定するものがある。入力必須の項目やメールアドレス、パスワードの一致などでエラーがあればすぐに表示してくれるので、送信してから修正すると言った二度手間がなくて便利だ。 Webブラウザ上で入力チェックを実行する サーバ側でも入力チェックは行うが、ユーザビリティを考えるとオンラインでも検証したい。そんな検証システムを簡単に作れるのがyavだ。 今回紹介するオープンソース・ソフトウェアはyav、JavaScriptの入力チェックライブラリだ。 yavは入力必須はもちろん、数字のみや文字のみといったチェックもできる。メールや日付、文字の長さなどといったフォーマットによるチェックや、「and」と「or」による他の項目の値によって入力チェック内容を変更する機能もある。多言語にも対応している。 設定はこのようになる 入力フォーマットを規定することも可能で、予
JavaScriptのベンチマークテスト機能を簡単に組み込める「JSLitmus」:phpspot開発日誌
JSLitmus JSLitmus is a lightweight tool for creating ad-hoc JavaScript benchmark tests.JavaScriptのベンチマークテスト機能を簡単に組み込める「JSLitmus」 ページ内のJavaScriptのパフォーマンスを、ページ内に表示される次のようなウィジェット内でテストできます。 Google Chart API を使ったパフォーマンスのグラフの出力も出来るみたい。 scriptとしては次のように書いてテストウィジェットを表示するようです。 <script src="JSLitmus.js"></script> <script> JSLitmus.test('Empty function test', function() { /* ここに計測したい処理を記述 */ }); </script> ↓↓↓
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Escape/Unescape、各種Encode/Decodeなどテキスト関連の便利ツールがギュッと詰まった -Text utilities
http://youmos.com/news/jsvalidate