Webデザイン・開発の基本 HTMLネタのポータル

※ ※

HTMLの色の操作が素晴らしく簡単になるjQueryプラグイン「xcolor」:phpspot開発日誌　[　情報元へ　]
jQuery color plugin xcolor - Website and Application Intelligence HTMLの色の操作が素晴らしく簡単になるjQueryプラグイン「xcolor」。 出来ることは豊富にあるのですが、以下に使えそうなものを列挙してみます。２つの色を混ぜ...

ドラッグ＆ドロップで数値の設定が出来る便利ＵＩを実装できる「jquery-drag-spinbox」:phpspot開発日誌　[　情報元へ　]
ドラッグ＆ドロップで数値の設定が出来る便利ＵＩを実装できる「jquery-drag-spinbox」2009年10月30日-ドラッグ＆ドロップで数値の設定が出来る便利ＵＩを実装できる「jquery-drag-spinbox」。 普通、数値入力というと、ボックスに直接入力したり、ボタンを連打したりし...

FlashとjQuery どちらで実装するか決める際の重要なファクター | コリス　[　情報元へ　]
ウェブサイトを構築する際、FlashとjQueryは非常に魅力的なツールです。コンテンツを実装する際にどちらを使用すべきか迷うこともあると思います。 両方の特徴を把握し、実装する際に適切に選択するための重要なファクターを紹介します。A Closer Look at Choosing Between...

jQueryで作るAmazon流リキッドレイアウト　[　情報元へ　]
国内外を問わず、多くのECサイトがお手本とする「Amazon.co.jp」。この連載でも以前、Amazonが採用する「カルーセル」（回転表示するスライドパネル）の作り方を紹介しましたが（関連記事）、Amazonは優れたユーザーインターフェイス（UI）の宝庫でもあります。中でも、過去の閲覧履歴などか...

フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」:phpspot開発日誌　[　情報元へ　]
jQuery Form Tips Plugin フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」 フォームにデフォルト値を入れておくことで利用者が何をいれていいのか、というのが直感的にわかり、かつスペースもとらないのでよく使われる手法ですが、実装も超簡...

高さが可変するタブ型コンテンツの作り方 | CREAMU　[　情報元へ　]
CSS TRICKSで、高さが可変するタブ型コンテンツの作り方が紹介されています。タブをクリックすると、フェードイン&アウトでコンテンツが切り替わって、高さもコンテンツの量に合わせて可変しますね。デモは以下から。CSS TRICKSのサイドバーに実装されています。View DemoHTML、CSS...

おしゃれなリスト実装サンプル:phpspot開発日誌　[　情報元へ　]
jQuery Sequential List おしゃれなリスト実装サンプル。次のようなリストをjQueryを活用して簡単実装するサンプルです。 プレーンなリスト要素に、jQueryを使って、classを item1, item2のように自動付与していきます。 あらかじめ、 li.item1, li...

[JS]画像の形状に合わせてテキストを回り込ませるスクリプト -jQSlickWrap | コリス　[　情報元へ　]
通常画像にテキストを回り込ませる際は、テキストが矩形のエリアになりますが、これを円形や複雑な形状に合わせて回り込ませるスクリプトを紹介します。スクリプトがオンの時は、画像の形状に合わせて回り込みスクリプトにはHTML5のcanvasが利用されており、IE6/7などの非対応ブラウザでは矩形に表示され...

[　← 前の画面に戻る　]