Webデザイン・デザイナーの制作に役立つネタまとめ ~ デザインフィードデータベース

Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください~。

~ Webデザインをするのに必要なもの ~

Webデザインには一般のデザインスキルのほかに、HTML・Javascript・CSSなど多様なスキルが求められます。Webデザイナーが、さらに複雑化するWebデザインを把握する一助にでもなれば幸いです。

Webデザイン・デザイナーの制作に役立つネタまとめ 複数階層のドロップダウンメニューを作成するサンプル:phpspot開発日誌 の関連記事

複数階層のドロップダウンメニューを作成するサンプル:phpspot開発日誌 に関連する記事一覧

複数階層のドロップダウンメニューを作成するサンプル:phpspot開発日誌

JavaScript Dropdown Menu with Multi Levels - Web Development...

2008/11/27 4:03:08 はてなブックマーク数29 ライブドアクリップ数2 del.icio.us数13 phpspot.org
← 前の画面に戻る
254件中 1件 ~ 20件 [ ← 前のページへ ] [ 次のページへ → ]
[ ソート ] 日付順 注目順
[JS]ウェブページのグリッドが正しいかどうか確認できるスクリプト -#grid | コリス

Analogのサイトでも使用されている、ページのグリッドをブラウザ上で確認できるスクリプトを紹介します。#grid上記のキャプチャは確認用のグリッドを表示したもので、通常の表示は下記のようになっています。確認 [...]

[ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript Webデザイン 便利ツール web制作 便利
2009/12/27 20:01:03  coliss.com
Webデベロッパーのためのフォトギャラリー作成スクリプト | CREAMU

TutZoneというサイトで、Webデベロッパーのためのフォトギャラリー作成スクリプトがいろいろと紹介されています。いくつかご紹介しますね。Carousel.us MooToolsを使った3DのJavaScriptカルーセル。Firefox 2+, Opera 9+, Safari 3+, IE ...

[ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript jquery web制作 ギャラリー gallery
2009/11/23 0:02:51  blog.creamu.com
Excelっぽい機能も付いた検索&ソート&ページング機能付きテーブル実装JSライブラリ「TinyTable V3」:phpspot開発日誌

Excelっぽい機能も付いた検索&ソート&ページング機能付きテーブル実装JSライブラリ「TinyTable V3」2009年11月18日-Excelっぽい機能も付いた検索&ソート&ページング機能付きテーブル実装JSライブラリ「TinyTable V3」。 次のような、UIも美しい高機能なテーブルの...

[ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript テーブル table web制作 library
2009/11/18 16:04:29  phpspot.org
ログインフォームとサインアップフォームを一体化するテクニック | CREAMU

Leah Culver's Blogで、ログインフォームとサインアップフォームを一体化するテクニックが紹介されています。↑の画像を見てもらうとわかるんですが、メールアドレス(ユーザー名)とパスワードは共通「I have an accout」にチェックを入れると「Log in」ボタンに切り替わり、パ...

[ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
JavaScript フォーム プログラミング webデザイン webdesign
2009/11/16 4:00:36  blog.creamu.com
[JS]二枚の画像を少しずつブレンドして切り替えるスクリプト -Floom | コリス

二枚の画像を少しずつフェードでブレンドして切り替える画像ギャラリーのスクリプトをblog.olicio.usから紹介します。Floom demoデモはまるでフラッシュのように、進捗のバーが表示され、画像を切り替えると共にテキストも変更し、次々と画像を表示します。オプションでは、アニメーションのスピ...

[ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
JavaScript web制作 mootools 画像 写真
2009/10/26 20:01:25  coliss.com
MOONGIFT: » テキストエリアを使ってコーディングしやすくする「CodeMirror」:オープンソースを毎日紹介

CodeMirrorはJavaScript製のオープンソース・ソフトウェア。Webブラウザのテキストエリアの貧弱さは言うに事欠かない。メモ帳レベルの機能しかなく、とても使い勝手が悪い。HTMLを作成する場合はWYSIWYGなエディタに変換するCKEditorのようなソフトウェアも存在するが、Web...

[ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
JavaScript editor web制作 program library
2009/10/23 20:01:42  www.moongift.jp
Ajaxに力を入れ始めたマイクロソフト、今度はJavaScript圧縮ツールを無料公開 - Publickey

2009年10月17日タグ : Ajax , JavaScript , Microsoft マイクロソフトのAjaxに関する動きが目立ってきました。以前のエントリで紹介したように、9月にはAjaxによるWebアプリケーションを最適化して起動速度を改善するツール「Doloto」の配布を開始。Ajax...

[ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript Microsoft Ajax プログラミング web制作
2009/10/17 18:14:28  www.publickey.jp
[JS]簡単に設置できる超軽量のコンテンツスクローラーのスクリプト -TinyScroller | コリス

divで配置したパネルをスクロールできるようにする超軽量のスクリプトをleigeberから紹介します。TinyScroller JavaScript Scrollable Div – 1.7KB demoスクリプトの容量は約1.7KB(圧縮時)で、対応ブラウザはIE6/7/8, Fx, Op, S...

[ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript スクロール web制作 css jQuery
2009/09/25 16:01:22  coliss.com
JavaScriptでフォントの色をアニメーションさせるチュートリアル:phpspot開発日誌

JavaScriptでフォントの色をアニメーションさせるチュートリアル。 特定の文字をアニメーションさせるMooToolsのコードサンプルが公開されています。 ↓↓色がなめらかに変わる↓↓ ↓↓色々変わる↓↓ Flashを使わなくてもこうしたことが可能なのでお手軽に文字を目立たせることが出来ますね...

[ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript mootools フォント アニメーション web制作
2009/09/19 4:02:26  phpspot.org

nettuts+で、超クールなJavaScriptプラグインがまとまっています。いくつかご紹介しますね。» JQuery Validate jQueryによるクライアントサイドのバリデート » PrettyCheckboxes - jQuery FancyFormと似たかわいいチェックボックスを作...

[ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript jquery まとめ webdesign ui
2009/09/09 16:01:51  blog.creamu.com
手軽にに導入しやすい特徴的な14のドロップダウンメニューサンプル*ホームページを作る人のネタ帳

なかなか素敵なまとめ記事がありました。 大規模なサイトに最適なリンク案内として、ドロップダウンメニューの導入が使われる事がありますが、今回のエントリーは、こうしたメニューの導入を簡単にしてくれるものとなるでしょう。 CSS、jQuery、MooTools、JavaScript WEBサイトのメニュ...

[ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
JavaScript jQuery CSS Webデザイン Web制作
2009/08/20 20:02:26  e0166.blog89.fc2.com

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

[ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript まとめ jQuery プログラミング web制作
2009/08/20 12:03:30  phpspot.org

通常、Webサイトは縦に長くなる傾向がある。そのため縦書きの文字はほとんど使われず、横書きで下へ、下へ伸びていく。そのため、あまりページが長くなるとページネーションとしてページを区切って読み進めるようになっているのが一般的だ。Webページをスライド化して読みやすくするだがこのページネーションは果た...

[ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript ui web制作 web お役立ち
2009/08/17 20:01:17  www.moongift.jp
たったの20KBでショッピングカートを実装できるJavaScript『SimpleCart.js』 - 100SHIKI ~ 世界のアイデアを日替わりで

これはすごいかも。いわゆるショッピングカート機能を実装するためのJavaScriptのライブラリがSimpleCartだ。しかも20KBというコンパクトなサイズである。商品の陳列、注文内容の変更や削除、数量変更などをさくっと実現してくれる。なお、実際の決済にはPayPalかGoogle Check...

[ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript EC ショッピングカート web制作 library
2009/08/13 0:00:59  www.100shiki.com

uuAltCSS.js は Webページデザイン を簡単にする JavaScript ライブラリです。 独自のアプローチで、ブラウザ と CSS を切り離し、古いブラウザでも最新の CSS の仕様に基づいたデザインを可能にします。また、WebKit系ブラウザでしか利用できないはずの最先端の機能を、...

[ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
JavaScript CSS Library Web制作 ライブラリ
2009/08/09 16:01:13  uupaa-js-spinoff.googlecode.com
[JS]外部スクリプトの読み込みをコントロールするスクリプト -LABjs | コリス

LABjs (Loading And Blocking JavaScript)「LAB」は「Loading and Blocking」の略で、JavaScriptのロードとブロックをコントロールします。使用方法はキャプチャのように、最初に読み込ませたいスクリプト(jquery.js)、そのスクリプ...

[ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript jquery web制作 library コリス
2009/07/14 0:01:02  coliss.com
背景がスクロールしていく効果を実現するJavaScript - IDEA*IDEA ~ 百式管理人のライフハックブログ ~

Youlove.usというサイトではヘッダー部分の背景がいい感じにスクロールしています。映画のような雰囲気をかもしだしていて素敵ですよね。で、案の定、「どうやったら実現できるの?」とよく聞かれるそうで、その仕組みが説明されていました。↑ このヘッダー部分が変わっていきます。是非サイトにいって動いて...

[ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript webデザイン jquery webdesign スクロール
2009/07/06 0:01:22  www.ideaxidea.com
MOONGIFT: » iGoogle風UIを実現&解説「iNettuts」:オープンソースを毎日紹介

iGoogleの画面が使いやすいか、と言われると答えに窮するところだか個人がメンテナンスできる機能はとても便利だ。ブックマークレットやFirefoxアドオン等でもただ与えられた画面をそのまま使うのではなく、ユーザが自分にとって使いやすい形に変化させる(または許容する)のはとても大事だ。3カラム表示...

[ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript webdesign jQuery google CSS
2009/07/03 20:00:52  www.moongift.jp
Excel風の入力・表示が可能なデータグリッド実装が可能な「MyTableGrid」:phpspot開発日誌

MyTableGrid (beta) Excel風の入力・表示が可能なデータグリッド実装が可能な「MyTableGrid」。 次のようなインタフェースで、便利に使えます。 特徴 ・カラムのリサイズが可能 ・カラムのソートが可能 ・構成はJSONで定義 ・Ajaxベースのデータロード。JSON定義も...

[ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript prototype.js ajax フォーム webdesign
2009/07/03 12:00:52  phpspot.org
ASCII.jp:普通のtableタグを1行で動く表にするJSライブラリ|29分でできる! あのサイトの“技”を盗め

大量の情報を分かりやすく一覧で見せたい。そんなときには、やはり「表(テーブル)」をうまく使いこなしたいもの。罫線やセルの色分け、文字サイズの調整などを調整して見やすくデザインすることはもちろんですが、同時に、ユーザーが求める情報を的確に、分かりやすく表示する仕掛けがあるといいでしょう。ヤフーが運営...

[ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript jquery ライブラリ web制作 webdesign
2009/06/03 20:00:33  ascii.jp
← 前の画面に戻る
[ ← 前のページへ ] [ 次のページへ → ]
Webデザインの情報・記事まとめサイト デザインフィード゛テータベース