Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
jQuery imageless buttons a la Google 画像を使わずにGoogle風のクールなボタンが作成できるjQueryプラグイン。 次のようなボタンやドロップダウン風のボタンが画像を使わずに実装できるプラグインです。 画像を使っていないのですが、クリックするとちゃんと色が反... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Google マップのページから、ストリートビューの埋込みタグを取得するという手段もありますが、もっとシンプルに埋め込みたいと感じることもありますよね。今回は、Google Maps API key の取得も不要で、住所やランドマーク名などをカンタンなタグで表記するだけでストリートビューを表示でき... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ソニーは7日（現地時間）、コンパクトデジタルカメラ「Cyber-shot DSC-HX5V」を海外で1月に発売すると発表した。米国での価格は349.99ドル。カラーはブラックのみ。7日から米国ラスベガスで開幕する「2010 International CES」に出品する。1/2.4型1,020万画... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
次のようなAppleっぽいクールなボタン作成のための素材とチュートリアルが公開されています。 PSDファイルもHTMLソースもダウンロード可能なので、ちょっと変えて実装してもよさそう。 背景が透明でも影付きで表示OKのようですね。 以下のエントリを参照してください。 Developing pret... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Codropsというサイトで、マウスオーバーするとスライド式で現れるナビゲーションの作り方が公開されています。ul,liのシンプルなメニューに、jQueryで動きをつけています。動きがスムーズで気持ちいいですね。デモは以下から。手書きのデザインでなかなか斬新なものになっています。View demo... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
サイト内の要素で欠かせないもので、ユーザーの利便性を決定づけるナビゲーションメニュー。サイトの雰囲気に合わせて様々な形がありますが、今回紹介さするのはデザインされた美しいナビゲーションデザインを集めたエントリー「40 Beautifully-Designed Navigation Menus」です... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]ホバー時に光源が移動するエフェクトがかっこいいスクリプト | コリス Webデザイン フィード](/thumbnail/335735.png)
マウスのホバー時に、光源がカーソルに追従するエフェクトがかっこいいスクリプトをcoders.meから紹介します。Buttons like Windows 7demoホバー時に表示している画像は下記の画像で、カー [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]スクリプトやテーブルや条件付きコメントやハック無しで実装するドロップダウン型のナビゲーション | コリス Webデザイン フィード](/thumbnail/330391.png)
CSS Hack、IEの条件付きコメント、table要素、JavaScriptを使用しないで、ドロップダウン型のナビゲーションを実装するスタイルシートをCSSplayから紹介します。Two CSS menus – NO hacks, NO conditional comments, NO tabl... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]ナビゲーションの区切り線をホバー時にすっきりさせるスタイルシート | コリス Webデザイン フィード](/thumbnail/324133.png)
ナビゲーションの区切り線をホバー時にすっきりさせるスタイルシートをCSSplayから紹介します。Divide and Conquerdemoデモの上ではナビゲーションの区切り線がホバー時に見えてしまってますが、 [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]滑らかにスライドするナビゲーションを実装するチュートリアル | コリス Webデザイン フィード](/thumbnail/312557.png)
滑らかにスライドするアニメーションが軽快なナビゲーションを実装するチュートリアルをSoh Tanakaから紹介します。Animated Navigation with CSS & jQuery demoデモでは背景の有無の2パターンで、どちらも滑らかにスライドするアニメーションが面白い効果を生み出... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
シンプルなデザインからスタイリッシュなデザインまで揃った、商用サイトでも無料で使用できるナビゲーションのPSD素材をpsdGraphicsから紹介します。PSD website navigation menus se [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ユーザーに有用なウェブサイトをナビゲートする12種類のナビゲーションをOnextrapixelから紹介します。 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
以前にご紹介した「CSSで実現するプルダウンメニュー」のコメントで、孫メニューまでプルダウンする方法のリクエストをいただきましたので、ご紹介します。確認ブラウザは IE7、IE8、Firefox3、Chrome2、Opera9、Safari3 です。 CSS のみでは IE6 対応が不可能ですが、... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Stu Nicholls | CSSplay | A circular menu with circular sub menus CSSでゲームのような円形メニューを作るサンプル。 次のような、可愛い円形メニューが作れます。 アイコンにカーソルを合わせると、「HOME」といったメニュー内容が表示さ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]スタイルシートで実装するドロップダウン型のナビゲーション | コリス Webデザイン フィード](/thumbnail/300220.png)
スタイルシートで実装するドロップダウン型のナビゲーションをJanko At Warp Speedから紹介します。Create dropdown menus with CSS onlydemoナビゲーションはリス [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ピーデー 川俣晶 2009/5/21数多く存在するGoogleMapsのAPIや機能のうち、あまり知られていないものや新しいもの、とっておきをGoogle担当者に聞いた「商業利用もOK！ Google Mapsについて知りたいこと」に続くGoogle Mapsインタビューの後編は、数多く存在するG... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
IPアドレスから所在地を調べたいと思ったことはありませんか？今回は，IPアドレスからその場所がどこなのかPHPで調べる方法をご紹介します。それには，GeoIPライブラリが必要になります。PHPからこのライブラリの機能を使うには，PEARのNet_GeoIPをインストールPeclの拡張モジュールをイ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]クロスブラウザ対応のフリーのナビゲーション集 -Styled Menu | コリス Webデザイン フィード](/thumbnail/235715.png)
Styled Menuから、IE6/7, Firefox, Opera, Safari, Chromeに対応した、フリーのナビゲーションを紹介します。Styled Menuナビゲーションはリスト要素で実装されており、ラベルを日本語に変更するなどカスタマイズも可能です。 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
2008年も残すところあとわずかですね。
今回は、今年のウェブデザイン総まとめ第一段といたしまして、ナビゲーションメニューのデザインをお送りします。
ウェブデザインには、欠かせないナビゲーションメニュー。とてもきれいなサンプルがいっぱいです。
45 Photoshop Tutorials for ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
『 http://coliss.com/articles/build-websites/operation/javascript/2209.html 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
