画像イメージをコンテンツに表示する場合、毎回サムネイル用の画像を作成してアップロードしている場合に、簡単にサムネイルサイズで表示してくれるのが、jQuery Thumbs。jQueryのプラグインとして動作する。PHPなどのプログラムでリサイズするサムネイルと異なり、オリジナルの画像をサムネイルサ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Web2.0インターフェースを考えていると、ナビゲーションの利便性の追求につながる。従来からナビゲーションとして、コンテンツの両端にメニューなどを配置することが多いが、スクロールすると隠れてしまうため、ユーザビリティが低下する。... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ガラスのように透明感のあるデザインをコンテンツに適用してくれるのがglassbox.js。JavaScriptコードで、GrassBoxデザインを適用したい<div>などを指定すると、必要なHTMLタグとスタイル指定が行われる。数行のJavaScriptコードを書くだけで、デザインが適用されるのは... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
mootoolsフレームワークを拡張して、コンテンツに擬似ウインドウを表示する際に便利なのがWindoo.js。Themeを追加すればウインドウのデザイン変更も可能になり、またウインドウ表示に関する設定も細かく指定することができる。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ツールチップをさりげなく表示したい場合に便利なのが、シンプルなデザインのGood-Looking Tooltips（GLT）。動作も軽く、コンテンツに導入して、さりげなく表示されるので違和感が少ない。凝ったデザインよりもシンプルなのを好む方は気に入ると思う。実際に導入するにはglt.jsをHTML... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
JavaScriptコードはHTMLタグのように、ブラウザ側で受信できるためコードを完全に保護する方法が限られている。その為、JavaScript経由でデータ処理プログラムなど呼び出す場合、注意する必要がある。プログラム側でのセキュリティ対策を施す以外に、JavaScriptコードの可読性を下げる... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
スライドショーを設置しているサイトを目にする機会が多くなってきた。他のサイトと少しでも違いを出したいときに是非検討したいのがLightview。基本的なユーザーインターフェースはLightboxと非常に似ている、細かな部分のデザインに丸みがあるので、角丸を多く採用しているサイトデザインとの相性が良... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
イメージを簡単に立体的にすることができるエフェクトJavaScriptがGlossy.js。つやつやの立体的なボタンのようなデザインになる。エフェクトを適用できる画像の最小サイズは16x16ピクセル。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Ajaxやエフェクトを利用する際に、フレームワークとして構築された強力なライブラリが必要ない場合に利用したいのがSimpleJS。単純な処理がAjaxやエフェクト処理を中心に実装されているが、単純な呼び出し記述でこうした処理を行ってくれる。複雑なオプションパラメータの実装がほとんど無く、簡単な呼び... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
回転式のトレーを表示（カルーセル）するような機能を実装するのに便利なのが、jCarousel Lite。写真イメージ以外にもテキストのコンテンツなどにも対応することが出来る。オプションの設定も充実しているので、さまざまな用途に対応することが可能。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
動的なコンテンツデータの入出力にはJSONを利用する機会もある。XMLデータよりもJavaScriptで非常に扱いやすいのでJSONの方が効率の良いコードを記述することができる。JSONデータの非同期処理を実装する際に、XMLHttpRequestなどの実装を楽にしてくれるのが、Byteson.j... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ホームページやブログ記事でJavaScriptなどソースコードを記述する際に、非常に面倒だったりする。 また、コードに配色をしてエディタで表示したときのように見せたいけど面倒なのでそのまま掲載してきた方も多いはず。 行番号などもソースと一緒に表示できれば、説明の記述も分かりやすくなる。 そんな要望... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
通常のスクロールバーデザインはブラウザやOS環境に依存するため、コンテンツデザインに合わない場合があります。コンテンツ内に表示するスクロールバーをCSSでデザインできるようにしてくれるのが、fleXcroll。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Web2.0インターフェースを考えていると、ナビゲーションの利便性の追求につながる。従来からナビゲーションとして、コンテンツの両端にメニューなどを配置することが多いが、スクロールすると隠れてしまうため、ユーザビリティが低下する。... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSSとJavaScriptでmin-width max-width を実装する2007年1月30日(火) 10:00CSSでmin-width max-width をそれぞれ行うことで、コンテナの最小幅・最大幅の指定ができる。リキッドレイアウトを採用していても、これらの指定を行うことでデザインが... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSSで作成したメニューなどでもマウスフォーカスなどを視覚的に変更する事は簡単にできるが、JavaScriptを利用してさらに楽しいエフェクト効果を出すのが、Fancy Menu。横に配置したメニューの背景イメージがエフェクト効果を得る。... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Windowsを使っていると良く目にするTree表示。デレクトリ、フォルダ階層など表示に利用されることが多い。ブログなどではカテゴリ表示などで利用されているのを目にする。そんなTreeをJavaScriptで簡単に作成できるのがdTree。... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Ajaxなど非同期処理などプログレスバーを表示させたいと思うことがある。しかし、実装の手間や開発期間を考えると、進行状況を表示するだけのプログレスバーに時間をかけたくない。簡単にプログレスバーを実装できるのがjsProgressBarHandler。デフォルトのプログレスバーデザインも良く、ダウン... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
入力フォームをサイト上のコメント入力欄などに利用する場合がある。しかし、OSやブラウザに依存したデザインが、コンテンツのデザインと合わない場合がある。入力フォームのデザインを変更を可能にしてくれるのが、NiceformsのJavaScript。... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
フォームを設置した場合、サーバプログラムで入力された内容をチェックして、入力ミスがあった場合、再度入力を求める。入力する段階で、入力チェックを行えば、入力ミスなどによるユーザビリティー低下を和らげることができる。E-mailアドレスや、ISBNなど色々な形式の入力チェックを行うことができるが、Va... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
