Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
Webデザインには一般のデザインスキルのほかに、HTML・Javascript・CSSなど多様なスキルが求められます。Webデザイナーが、さらに複雑化するWebデザインを把握する一助にでもなれば幸いです。
JavaScript Dropdown Menu with Multi Levels - Web Development...
Analogのサイトでも使用されている、ページのグリッドをブラウザ上で確認できるスクリプトを紹介します。#grid上記のキャプチャは確認用のグリッドを表示したもので、通常の表示は下記のようになっています。確認 [...]
TutZoneというサイトで、Webデベロッパーのためのフォトギャラリー作成スクリプトがいろいろと紹介されています。いくつかご紹介しますね。Carousel.us MooToolsを使った3DのJavaScriptカルーセル。Firefox 2+, Opera 9+, Safari 3+, IE ...
Excelっぽい機能も付いた検索＆ソート＆ページング機能付きテーブル実装JSライブラリ「TinyTable V3」2009年11月18日-Excelっぽい機能も付いた検索＆ソート＆ページング機能付きテーブル実装JSライブラリ「TinyTable V3」。 次のような、ＵＩも美しい高機能なテーブルの...
Leah Culver's Blogで、ログインフォームとサインアップフォームを一体化するテクニックが紹介されています。↑の画像を見てもらうとわかるんですが、メールアドレス（ユーザー名）とパスワードは共通「I have an accout」にチェックを入れると「Log in」ボタンに切り替わり、パ...
二枚の画像を少しずつフェードでブレンドして切り替える画像ギャラリーのスクリプトをblog.olicio.usから紹介します。Floom demoデモはまるでフラッシュのように、進捗のバーが表示され、画像を切り替えると共にテキストも変更し、次々と画像を表示します。オプションでは、アニメーションのスピ...
CodeMirrorはJavaScript製のオープンソース・ソフトウェア。Webブラウザのテキストエリアの貧弱さは言うに事欠かない。メモ帳レベルの機能しかなく、とても使い勝手が悪い。HTMLを作成する場合はWYSIWYGなエディタに変換するCKEditorのようなソフトウェアも存在するが、Web...
2009年10月17日タグ ： Ajax , JavaScript , Microsoft マイクロソフトのAjaxに関する動きが目立ってきました。以前のエントリで紹介したように、9月にはAjaxによるWebアプリケーションを最適化して起動速度を改善するツール「Doloto」の配布を開始。Ajax...
divで配置したパネルをスクロールできるようにする超軽量のスクリプトをleigeberから紹介します。TinyScroller JavaScript Scrollable Div – 1.7KB demoスクリプトの容量は約1.7KB（圧縮時）で、対応ブラウザはIE6/7/8, Fx, Op, S...
JavaScriptでフォントの色をアニメーションさせるチュートリアル。 特定の文字をアニメーションさせるMooToolsのコードサンプルが公開されています。 ↓↓色がなめらかに変わる↓↓ ↓↓色々変わる↓↓ Flashを使わなくてもこうしたことが可能なのでお手軽に文字を目立たせることが出来ますね...
nettuts+で、超クールなJavaScriptプラグインがまとまっています。いくつかご紹介しますね。» JQuery Validate jQueryによるクライアントサイドのバリデート » PrettyCheckboxes - jQuery FancyFormと似たかわいいチェックボックスを作...
なかなか素敵なまとめ記事がありました。 大規模なサイトに最適なリンク案内として、ドロップダウンメニューの導入が使われる事がありますが、今回のエントリーは、こうしたメニューの導入を簡単にしてくれるものとなるでしょう。 CSS、jQuery、MooTools、JavaScript WEBサイトのメニュ...
最近発見した、JavaScriptコーディングに関するテクニックやパフォーマンス等の参考になりそうなエントリをリファレンスをまとめてみました。 Avoiding Problems With JavaScript’s getElementById Method in Internet Explore...
通常、Webサイトは縦に長くなる傾向がある。そのため縦書きの文字はほとんど使われず、横書きで下へ、下へ伸びていく。そのため、あまりページが長くなるとページネーションとしてページを区切って読み進めるようになっているのが一般的だ。Webページをスライド化して読みやすくするだがこのページネーションは果た...
これはすごいかも。いわゆるショッピングカート機能を実装するためのJavaScriptのライブラリがSimpleCartだ。しかも20KBというコンパクトなサイズである。商品の陳列、注文内容の変更や削除、数量変更などをさくっと実現してくれる。なお、実際の決済にはPayPalかGoogle Check...
uuAltCSS.js は Webページデザイン を簡単にする JavaScript ライブラリです。 独自のアプローチで、ブラウザ と CSS を切り離し、古いブラウザでも最新の CSS の仕様に基づいたデザインを可能にします。また、WebKit系ブラウザでしか利用できないはずの最先端の機能を、...
LABjs (Loading And Blocking JavaScript)「LAB」は「Loading and Blocking」の略で、JavaScriptのロードとブロックをコントロールします。使用方法はキャプチャのように、最初に読み込ませたいスクリプト（jquery.js）、そのスクリプ...
Youlove.usというサイトではヘッダー部分の背景がいい感じにスクロールしています。映画のような雰囲気をかもしだしていて素敵ですよね。で、案の定、「どうやったら実現できるの？」とよく聞かれるそうで、その仕組みが説明されていました。↑ このヘッダー部分が変わっていきます。是非サイトにいって動いて...
iGoogleの画面が使いやすいか、と言われると答えに窮するところだか個人がメンテナンスできる機能はとても便利だ。ブックマークレットやFirefoxアドオン等でもただ与えられた画面をそのまま使うのではなく、ユーザが自分にとって使いやすい形に変化させる（または許容する）のはとても大事だ。3カラム表示...
MyTableGrid (beta) Excel風の入力・表示が可能なデータグリッド実装が可能な「MyTableGrid」。 次のようなインタフェースで、便利に使えます。 特徴 ・カラムのリサイズが可能 ・カラムのソートが可能 ・構成はJSONで定義 ・Ajaxベースのデータロード。JSON定義も...
大量の情報を分かりやすく一覧で見せたい。そんなときには、やはり「表（テーブル）」をうまく使いこなしたいもの。罫線やセルの色分け、文字サイズの調整などを調整して見やすくデザインすることはもちろんですが、同時に、ユーザーが求める情報を的確に、分かりやすく表示する仕掛けがあるといいでしょう。ヤフーが運営...
