パララックス効果を使ったウェブデザイン | | DesignWalker
パララックス効果って、あまり聞き慣れない言葉ですが…。 初期の横スクロール型のテレビゲームなどでよく使われていた視差効果を使って奥行きを出す技法だそうです。 いくつかのレイヤーを、それぞれ違った速度でスクロール（奥にあるレイヤーはゆっくり、手前にあるレイヤーは早くスクロール）させる事で、視差効果を与えて奥行きがあるように見えるのだそうです。 今回は、このパララックス効果を上手にウェブデザインに応用サイトをいくつかまとめてみました。 How to recreate Silverback’s parallax effect まずは、パララックス効果をウェブデザインに応用する方法から。ブラウザの横幅を変えてみると、４つのレイヤーに配置されているPNG画像がそれぞれスクロールの速度が違って奥行きがあるように見えます。サンプルコードも公開されているので、挑戦してみてはいかがでしょうか。CSSのbac
プロのサイトデザイン方法を作って学べる手順集:phpspot開発日誌
35 Tutorials for Creating Website Layouts in Photoshop | Vandelay Website Design Photoshop is an excellent tool for creating attract websites. プロのサイトデザイン方法を作って学べる手順集。 次のようなサイトデザインのPhotoshopチュートリアル集です。 Create a Dark Themed Web Design from Scratch Making Your Own Portfolio Web Page Design a Cartoon Grunge Website Layout Hand Drawn Layout Online Photo Portfolio Layout Sound System Studio Website Layo
ウェブデザインの7つのトレンドとそのチュートリアル | コリス
Deziner Folioのエントリーから、ウェブサイトのデザインに使用されている、最近の7つのトレンドとそのチュートリアルを紹介します。 Design Trendz ※チュートリアルのいくつかは当方で追加しています。 Lights n Shadows ライトを当てているように、シャドウ効果を持たせます。
デザインの参考にもなるWordPressのテーマ30選 -2008年8月 | コリス
ここ半年間にリリースされたものを中心とした、細部までしっかりとデザインされたWordPressのテーマ30選です。
デザイン性に優れたCSSメニュー集:phpspot開発日誌
Hidden Pixels - Ultimate CSS Menus デザイン性に優れたCSSメニュー集。 これは、と思うようなかっこいいＣＳＳメニューが特集されていました。 Professional drop-down Professional dropline Space Drop Down Menu Flyout hybrid menu Professional drop-down - shadow menu Brooke Case Drop Down Tech Radar mouseover tabs つい押したくなるようなメニューですね。 参考にクールなメニューを作ってみましょう。 関連エントリ クールなナビゲーションメニューを作成するCSS＆HTMLサンプル アニメーションするドロップダウンメニュー作成ＪＳ「Sliding JavaScript Dropdown Menu」 J
Photoshopで作成するページレイアウトのチュートリアル集
ウェブページのレイアウトを作成するPhotoshopのチュートリアルの紹介です。 チュートリアルでは、PSDファイルをダウンロードできるものもあります（チュートリアルにより無料or有料）。
シンプルだけど、クールなデザインサイト集:phpspot開発日誌
シンプルだけど、クールなデザインサイト集を特集しているサイトがありました。 様々なシンプルandクールなサイトが紹介されています。 25 Beautiful Minimalistic Website Designs 25 Beautiful, Minimalistic Website Designs - Part 2 25 Beautiful Minimalistic Website Designs: Part 3 凝ったデザインよりも、高級感が出ているというかなんというか、実にうまくデザインされていますね。 シンプルだけど、かっこよくするというのはデザインになれた人にとって塩ラーメンのような難しさがありますね。 これは次回デザインを作るときの参考にしたいです。
黒ベースのクールなWEBサイトデザイン集:phpspot開発日誌
25 Beautifully Dark Websites - Part II | Vandelay Website Design In the right situation, a dark website background can create a stunning look. 黒ベースのクールなWEBサイトデザイン集 Infinite Imagination Kyle Haskins WISER Mike Walker Creative Goodbytes 1 Minus 1 Les Arts O Soleil Mario H. Coelho ぜんぶみる これはクールですね。 関連サイト JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ - 黒ベースつながり
Webデザインに黄金比を取り入れよう - Re:Creator’s Kansai
PR 「おすすめのレンタルサーバーランキングが知りたい」「人気のレンタルサーバーを比較したい」という方に向けて、2024年3月最新の人気レンタルサーバーのおすすめ9社をランキング形式で紹介します。 当記事ランキング1位のレンタルサーバーがキャンペーン中！ シン・レンタルサーバーがキャンペーン実施中！（2024/5/20まで） 実質385円～「利用料金50％キャッシュバックキャンペーン」 出典：シン・レンタルサーバー公式サイト シン・レンタルサーバーでは、2024年5月20日（月）まで月額利用料金が実質半額になるキャンペーンを開催中です。 ベーシックプランの36ヶ月契約なら、「13,860円」キャッシュバックで、なんと実質「385円/月」で利用できます。
テクノロジー : 日経電子版
電通、三菱UFJ信託銀行など大手企業が相次ぎ参入を表明する「情報銀行」。ここに挑むベンチャー企業がDataSign（東京・渋谷）だ。同社の太田祐一社長は情報銀行という言葉が生まれる…続き 中部電力が「情報銀行」参入へ 電力データを活用 ［有料会員限定］ 「情報銀行」説明会に２００社 データ流通の枠組み始動
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
タイトル・見出しに使えるデザインまとめ - DesignWalker
色で探せるウェブデザイン・ギャラリーまとめ - DesignWalker
ITクオリティ 美しいwebサイトデザイントップ40
矢印素材いろいろ - DesignWalker
要素ごとに分けられたウェブデザイン集『Pattern Tap』 - DesignWalker
UIパターンいろいろ - DesignWalker
水彩画風デザイン チュートリアルとブラシ - DesignWalker
アイデア満載のクールなデザインのウェブサイト集 -2008年7月 | コリス
http://www.designwalker.com/2008/06/bg-inspiration.html
2008年2月版web開発者のためのベストクリップ36個*ホームページを作る人のネタ帳
