Clik here to view.
LavaLampみたいなメニューをjQueryを使って作るチュートリアル
ひとむかし前に流行ったLavaLamp このLava Lampみたいに、うにょ～ってランダムにっとまではいきませんが・・・ マウスがオーバーしたところのテキストの長さに応じて、背景のサークルが変形してくれるメニューを作るチュートリアルが公開されておりました。。 その名も『Lava Lamp Menu』です。 jQueryを使えば初心者の方でも比較的、簡単に実現できますね。 詳細はこちら...
View ArticleClik here to view.
CSSメニューのソースコードがダウンロードできる 『CSS MENU MAKER』
百式さんでもご紹介されている『CSS MENU MAKER』 横型、縦型のCSSで作られた綺麗なメニューをカスタマイズして、CSSとhtmlのソースコードを表示してくれます。 一覧の中から、お好きなデザインを選びます。ブログなどで使用する場合は、『Download Source Code』のリンクをクリックして、ファイルをダウンロード。...
View ArticleClik here to view.
CSSのデザインアイデアいろいろ
CSSを使って、角を丸くしたり。 CSSを使って、ドロップシャドウをつけたり。 CSSを使って、グラデーションつけたり。 CSSを使って、マウスオーバーメニューつくったり。 CSSを使って、引用部分のデザインしたり。 CSSを使って、グラフを描いたり。 いろいろあります。 詳細はこちらからどうぞ～ 『Lose the Images: How to Get Rounded Corners,...
View ArticleClik here to view.
71種類のCSSメニュー
ブログなどのデザインで必ず必要になるメニューのデザイン。 CSSで作られたメニューデザインのサンプルをまとめて71種類！ これだけあれば、お気に入りのメニューが見つかりそうですね。。 詳細はこちらからどうぞ～。 『71 CSS menus for free』
View ArticleClik here to view.
JavaScriptで動くアコーディオンスクリプトいろいろ
TUTORIAL BLOGさんの『10 Javascript Accordion Scripts』という記事で JavaScriptで動くアコーディオンスクリプトを10個、まとめられておりました。 びよ～んびよ～んと動くメニューが簡単に作れますね。。 その中からいくつかピックアップしてご紹介。 1. Deziner Folio – Simple javascript Accordions 2....
View ArticleClik here to view.
ボタンを作るPhotoshopチュートリアルいっぱい
Photoshopを使って、ボタンを作るチュートリアルがど～んと、まとめて39個。 いろいろなタイプのボタンが作れますね。 その中からいくつかピックアップしてご紹介。 1. BlogWatts: A Different Stlye of Web 2.0 Buttons 2. PSCloud: Create a Navigation Bar Like the Current Apple Site...
View ArticleClik here to view.
Webデザインに欠かせないサンプルがいっぱい 『StyleIgnite』
CSSで書かれた、サイトのナビゲーションメニューのサンプルやら、CSSのレイアウト、アイコンなどなど。 とにかく、Webデザインに使える情報満載の『StyleIgnite』 特に、このサイトのStyles Galleryには、かなり沢山のサンプルが紹介されております。。 詳細はこちらからどうぞ～。 『StyleIgnite
View ArticleClik here to view.
これはきれい!水彩画風メニューを作るPhotoshopチュートリアル
水彩絵の具でよごれたノートを切り取ったような加工がとってもきれいですね！ ↑このようなメニューを作るPhotoshopチュートリアルがWebDesignerWallさんの『Design Watercolor Effect Menu』という記事で紹介されていました。 手書き風のメニューに、この微妙な汚れ感がたまりませんね。。。 Photoshopファイルもダウンロードできるのでご参考に。...
View ArticleClik here to view.
macのDockデザインのまとめサイト『LeopardDocks.com』
先日、発売されたmacの新しいOS Leopard欲しい。。 激しく欲しい。。 残念ながら、現在わたくしが持っているPowerBookG4ちゃんは約４年ほど前に購入した物で、スペック的にLeopardはキツいです。。 こちらのサイトでは、とってもきれいなDockのデザインがたくさんまとめられております。 詳細はこちらからどうぞ?。 『LeopardDocks.com』
View Article