Webデザインやコンテンツの制作に便利な素材のポータル

そのまま編集が可能なテーブル実装用jQueryプラグイン「Zentable」。 次のように、クリックでその場で編集できるテーブル実装用のjQueryプラグインです。 以下のような特徴があるようです。ajaxによるデータ読み込みマウスホイールやキーボードによる操作カラムやテーブルのリサイズ機能並び替...

色々と使えそうなデータのビジュアリゼーションライブラリ集が２２個まとまったエントリのご紹介です。 FlashからPHPで描画するものや、APIを叩いて表示するものなど、既知の物も含まれていると思いますが、多数のグラフ作成用の仕組みが紹介されています。 Fly Charts マウス位置によって情報が...

写真を効果的に見せてくれるフリーFLASHギャラリー集「25 Amazing & Free Flash Based Image Galleries」写真を効果的に見せてくれるFLASHギャラリー。スライドショー的なものでもFLASHで１から制作するとなると結構な手間がかかります。今回紹介するのは写...

CSSで作るシンプルかつクールなボタンサンプル「Simply-Buttons v2」。 次のような丸みを帯びたボタンや、角丸の綺麗なボタンのサンプルがダウンロード可能です。 CSSでスタイリングして、更にJavaScript で押した際のイメージ切替が行われます。 ボタンを押すと以下のようにボタン...

ナビゲーションにふんわりとしたアニメーションでドロップダウンのパネルを表示するスクリプトをNew Media Campaignsから紹介します。nmcDropDown: A Drop-Down Menu Plugin for jQuery Exampleドロップダウン型ナビゲーションは、リスト要素...

大量のアイテムもスッキリとリスト形式のメニューにしてしまえる「jQuery ListMenu Plugin」2009年10月22日-jQuery listmenu plugin - javascript list navigation menu control 大量のアイテムもスッキリとリスト形式...

テキストリンクのカラーにフェード効果を与えるスクリプトをJanko At Warp Speedから紹介します。Fade colors using jQuery demoフェード効果は不透明度でコントロールされており、リンクの数でフェードの段階が調整されています。また、不透明度ではなくRGB値をコン...

マウスのホバー時に、光源がカーソルに追従するエフェクトがかっこいいスクリプトをcoders.meから紹介します。Buttons like Windows 7demoホバー時に表示している画像は下記の画像で、カー [...]

拡大時のアニメーションが気持ちいい、画像を拡大表示するLightbox風スクリプト「Fancyzoom -jQuery version」を紹介します。Fancyzoom -jQuery version demoFancyzoom -jQuery versionはFancyZoomのjQuery版で...

WEBはどうしてもその性質上縦に長くなってしまう傾向があり、縦にスクロールして見ていくと言うサイトも多いかと思います。よくユーザーインターフェイスをよくするためにページ下層にTOPに戻るボタンが用意されていて、読み終わった後に一瞬でTOPに戻れる仕組みを取っているサイトも多いのですが、今回紹介する...

CoolInput demoデモでは、フォームのテキスト欄にアイコンやテキストの配置や、背景色の変更を簡単な記述で行えます。以前「jQueryのプラグイン33+1選 -2008年6月」で紹介した時から大きく変わった点は、テキストをそのままでsubmitボタンを押してしまった場合の対応やテキストをf...

利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」マウスオーバーしたときに出現するツールチップ、その対象物の内容を説明したり、補足的なデータを表示したりとユーザーインターフェイスを向上させてくれるテクニ...

IE6のCSSやJavaScriptなどのバグや仕様で困った時の解決方法をまとめたチートシートをVirtuosi Mediaから紹介します。Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugsチートシートは、レイアウトや画...

Six Revisionsで、魅力的なUIにするためのjQueryプラグインが紹介されています。ざっといくつかご紹介。» SimpleModal シンプルなモーダルウィンドウ » Panel Gallery ユニークなトランジションを持つスライドショー » Easy Image Gallery サ...

こんにちは、nakamura です。すっかり秋めいてきましたね。みなさんの今年の夏の思い出は何だったでしょうか。僕の思い出は叔父がやっている家庭菜園で膨大な量のきゅうりが取れてしまい、家のおかずが2週間ほどきゅうりづくしだった事でしょうか。自分、鈴虫かと思いました。とあるプロジェクトで、入力フォー...

ショッピングサイトは扱っている商品やマーケティングはもちろんですが、デザインやインターフェースの使い勝手なども、売り上げにつながる大きな要素なのでは無いでしょうか？カートの使いやすさ、商品の見やすさなど、デザイン部分で改善できる部分もたくさんありそうです。今回は、ショッピングサイトをデザインする際...

デザインの邪魔をしないシンプルで小粋なjQueryエフェクト集「21 Simple and Useful jQuery Tutorials」非常に高機能で軽量なjavascriptライブラリとして様々な機能を提供してくれるjQuery。様々なシーンで利用されていますが、今回紹介するのはデザインの邪...

最近発見した、JavaScriptコーディングに関するテクニックやパフォーマンス等の参考になりそうなエントリをリファレンスをまとめてみました。 Avoiding Problems With JavaScript’s getElementById Method in Internet Explore...

SitePoint: New Articles, Fresh Thinking for Web Developers and DesignersJennifer Farley氏がSitePointにおいてGIF, PNG, JPG. Which One To Use?のタイトルのもと、Webサイト...

滑らかにスライドするアニメーションが軽快なナビゲーションを実装するチュートリアルをSoh Tanakaから紹介します。Animated Navigation with CSS & jQuery demoデモでは背景の有無の2パターンで、どちらも滑らかにスライドするアニメーションが面白い効果を生み出...

都道府県選択するやつ。｜CSS HappyLife にインスパイアされて。実際の案件では、都道府県の内部コードは JIS X0402 もしくは ISO 3166-2 で定められたコードを使うことも多いと思います。ということで、value 値として JIS X0402 や ISO 3166-2 のコ...

正直、Webデザインは苦手だ。システムは構築できても、その後のデザインで行き詰まって頓挫したサービスは数知れない。最近ではWebデザインテンプレートを使うようになったが、汎用性の低いものが多くカスタマイズも困難な場合が多い。Basecampにも似たWebアプリケーションテンプレート例えばWebシス...

入力された値の検証は最終的にサーバ側で行わなければ意味がない。が、ユーザビリティを考えるとブラウザ上でチェックし、通知できれば便利に違いない。問題はそうしたチェック機能を実装するのが手間だと言うことだ。jQueryを使ってWebブラウザ上で入力チェック動的なフォーム生成でも柔軟に対応できるくらいシ...

A Simple jQuery Stylesheet Switcher 5分で実装可能なページの文字サイズ変更＋クッキーに保存サンプルが公開。 ページで、小・中・大のように文字サイズを変えられるようにしておくと便利ですね。 asahi.com の導入例 実装方法が、微妙に面倒という場合もこのサンプ...

div内に配置した、複数の画像やテキストを自動・手動でスクロール表示するスクリプト「Smooth Div Scroll」を紹介します。Smooth Div Scrolldemoデモでは、画像がスムーズなアニメー [...]

お問い合わせやログイン、アンケートなどなど、ウェブデザインには欠かせないフォーム。今回は、そんなフォームをデザインする方法をいくつかまとめてご紹介します。JavaScriptやCSSを使えば結構いろいろなことができそうです。FancyFormmootoolを使ってチェックボックスとラジオボタンをを...

マウスのホバー時に、ふんわりとバウンドするモーションをつけるスクリプトをJanko at Warp Speedから紹介します。How to create Skype-like buttons using jQuery demo外部スクリプトにjquery.jsを指定し、下記を記述します。L.03ホ...

1月度のベストエントリ、ベストサイトを収集しました。 web制作のお役に立てればと思います。 ただ、今年の1月はかなり良質なサイトやエントリが多く、15日分くらいまでしか集め切れていません・・・。時間があれば後編を作ろうかとは思います。 過去のまとめはこちらから それでは、続きをどうぞ。 1月に発...

25 jQuery Plugins for Navigation ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集。 階層メニュー、タブ、ツリーやページャにいたるまで、ナビゲーション部分に使えるjQueryプラグイン集25種がまとまっていました。 jQuery (mb)Menu クー...

2009年のウェブデザインのトレンドで押さえておきたい10のポイントをSmashing Magazineから紹介します。Web Design Trends For 20091. Letterpressプレスしたよう [...]