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

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

背景がスクロールしていく効果を実現するJavaScript - IDEA*IDEA ～百式管理人のライフハックブログ～

[ スポンサードリンク ]

2009/07/06 0:01:22　

15　www.ideaxidea.com　[　この元データのコンテンツへ　]

背景がスクロールしていく効果を実現するJavaScript - IDEA*IDEA ～百式管理人のライフハックブログ～　Webデザインフィード

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

[　← 前画面へ戻る　]　[　ニコニコ風に見る　]　[　関連記事を見る　]　[　Feeling Lucky　]

【 PR 】 新車・中古車・輸入車販売

◆コメント・メモ◆

背景がスクロールしていく効果を実現するJavaScript　 [ by akaheru ]

JavaScriptと透過画像を駆使して背景がスクロールしていく効果を実現　 [ by 07xi ]

てすと　 [ by Yoji.Shiraki ]

[　← 前の画面に戻る　]

◆関連データ◆

Aptanaで始めるJavaScriptライブラリ「jQuery」超入門（1/3） ─ ＠IT
最近、Flashの代わりにJavaScriptを利用してリッチなデザインのWebサイトを構築する事例が増えてきました。特にグーグルのサービスは、JavaScriptをうまく取り入れている例として誰もがご存じでしょう。例えばGoogleマップは、Webブラウザ上でマウスをドラッグ＆ドロップするだけ...
[ データ元へ ]

Flash不要！JavaScriptで派手なWebデザイン
ブラウザーいっぱいに広がる鮮やかなグラフィック。フェードインでゆっくりと出現する写真画像。スクロールしながら画像に重なっていく半透明のテキストボックス――思わず見とれてしまう、キャンペーンサイトなどでおなじみの“派手なWebサイト”は、フルFlashが一般的だ。「Flashはよく分からないし、そも...
[ データ元へ ]

FreeStyle Menus Demonstration
Everything's in the source of this page, all you need to do is open this document inside a text editor like Windows Notepad. You don't need to edit t...
[ データ元へ ]

JavaScriptで線や円、四角形などの図形を描画するためのライブラリ「wz_jsgraphics.js」:phpspot開発日誌
DHTML: Draw Line, Ellipse, Oval, Circle, Polyline, Polygon, ...
[ データ元へ ]

ウノウラボ Unoh Labs: JavaScriptライブラリといえば jQuery（入門編）
こんにちわ。山下です。最近、私の周りではJavaScriptライブラリといえば、jQuery の名前がまず最初に挙がってくるようになってきました。今回は、jQueryって何が便利なの？っていう人向けに、ポイントを掻い摘んで説明します。1.名前空間を汚さない他のJavaScriptライブラリとかだと...
[ データ元へ ]

[JS]HTMLを汚さないで実装できる、シンプルでクールなツールチップのスクリプト -Simpletip | コリス
[JS]HTMLを汚さないで実装できる、シンプルでクールなツールチップのスクリプト -SimpletipSimpletip demoツールチップのデザインは、スタイルシートで変更できます。デモのスタイルシート.tooltip{display: none;position: absolute;pad...
[ データ元へ ]

[JS]iPodのようにパネルを次々とスライドできるスクリプト | コリス
Filament Groupのエントリーから、iPodのインターフェイスのように、階層ごとのパネルをスライドして切り替えるスクリプトを紹介します。 jQuery iPod-style Drilldown Menu デモパネルの項目はHTMLの外部ファイルとなっており、各項目はリスト要素となって...
[ データ元へ ]

簡単に色々な種類の角丸ボックスが作れる「DD_roundies」:phpspot開発日誌
DD_roundies: Another (better?) round-corner HTML box concept 簡単に色々な種類の角丸ボックスが作れる「DD_roundies」角丸にするのに必要なのは次の一行だけ(当然、最初にライブラリを読んでおく必要があります)。 DD_roundi...
[ データ元へ ]

ブログでも使える画像をポラロイド風にさせるJavaScript『Instant.js』*ホームページを作る人のネタ帳
↑上のような画像群を、JavaScriptスクリプトで制御してこのようにポラロイド写真風に表示させる事が出来る代物。このブログでも試してみたけどとりあえず導入できるようで、画像の編集などあまりしないようなブログの方にはいいかもしれない。写真の加工が素敵このように色々と加工が可能です。 in...
[ データ元へ ]