12 Excellent CSS3 Button and Menu Techniques
37 Comments I use a few CSS3 tricks on my blog and it’s important to not completely base your design off of CSS3 as there are still some browser compatibility problems and some people may not be seeing what you think they are. (*ahem* IE). That is true. Now, being 2 years later, IE has gotten better (still bad, but better). IE9 supports css3 and using the PIE library, you can design in css3 with s
グーグル、Google マップでトイレ検索、クリック検索など新サービスを開始
グーグルは11月12日、Google マップで新サービス「クリック検索」を開始した。 クリック検索は、サイト上に表示されているナビゲーションから、東京都→新宿区→西新宿→2丁目とクリックしていくことで、当該地域を探し出せる機能。クリックするたびに地図がズームし、周辺地域の写真が表示される。 これは目的地の漢字が難しかったり、変換候補に表示されなかったりした場合に検索しやすくしたもの。長い住所を入力する手間を省くこともできる。 また地図をスクロールすると、クリック検索のナビゲーションに表示されている住所も変わっていく。いま地図で見ている場所の住所を知りたい場合にも使える機能だ。 グーグルは11月9日にも「トイレ検索」を開始している。これはたとえば「渋谷 トイレ」というキーワードで検索すると、クルマ椅子やベビーカーで入れる多機能トイレの場所にピンが立つというもの。詳細をクリックすると、利用時間
CSSでゲームのような円形メニューを作るサンプル:phpspot開発日誌
Stu Nicholls | CSSplay | A circular menu with circular sub menus CSSでゲームのような円形メニューを作るサンプル。 次のような、可愛い円形メニューが作れます。 アイコンにカーソルを合わせると、「HOME」といったメニュー内容が表示されるため、迷うことなく使えそう。 鉛筆にカーソルを合わせると、追加で２つのアイコンが表示され、次のアクションにいけます。 人型のアイコンにカーソルを合わせると、４つのアイコンが表示。 メールアイコンにあわせると次のアクションとなる４アイコンが表示。 という感じで、なかなかユニークなナビゲーションで、触っているだけでもなんとなく楽しい感じがします。 実装すると、それだけでアイデアの利いたサイトだなぁと思われそう。 こうした枠の幅を最小限にしてすべての項目を見せつつスマートに配置できるという点でＵＩと
ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集:phpspot開発日誌
25 jQuery Tutorials for Improved Navigation Menus ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集が紹介されています。 How to Make a Smooth Animated Menu with jQuery アニメーションする、おしゃれなメニュー Create an Apple Style Menu and Improve it via jQuery Apple風のクールなメニュー。アニメーションしつつ、アイコンも表示してくれなかなかクール Create a Slick Tabbed Content Area Using CSS and jQuery 少ないスペースにタブを設置してメニューにしている例。アニメーションもあり。 Using jQuery for Background Image Animat
「床マーカによる街コンシェルジュシステム」NICTが展示
道路に貼り付けた「床マーカ」を携帯電話のカメラで撮影することにより、周辺のおすすめスポットなどの情報を配信する「床マーカによる街コンシェルジュシステム」を、情報通信研究機構（NICT）が「Interop Tokyo 2007」で展示している。これは、床マーカを撮影したユーザーに対して、最寄りのトイレや駅へのルート、電車やバスの時刻表などのコンテンツを配信するものだ。 同システムでは、床マーカが撮影された画像の歪みや傾きから、ユーザーの場所を特定。床マーカの画像とサーバー内に蓄積された周辺情報をマッチングして、ユーザーの立っている場所に応じた情報を配信する。将来的には、床マーカを撮影した角度からユーザーの視線の向きを逆算し、視線内にある施設の情報を配信できるとしている。担当者によれば、「地下街などGPSが使用できない場所で、既存のナビゲーションシステムを保管することが可能」という。 現時点で
ちょっと小粋なCSSのナビゲーションメニュー「ADxMenu」 - GIGAZINE
WindowsXPやOfficeXP風のメニュー、シンプルなメニュー、ミニタブ型、横に展開するタイプなど、いろいろな幅広い応用が可能です。 例とコードのダウンロードは以下から。 ダウンロードや設置方法は以下のページから。 aplus :: ADxMenu http://www.aplus.co.yu/adxmenu/intro/ 実際の例は以下にあります。 http://www.aplus.co.yu/adxmenu/examples/ 例その1：WinXP style http://www.aplus.co.yu/adxmenu/examples/winxp/ 例その2：Simple style http://www.aplus.co.yu/adxmenu/examples/simple/ 例その3：Minitabs http://www.aplus.co.yu/adxmenu/exam
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]半透明のパネルを使ったドロップダウン型ナビゲーションのスタイルシート
[CSS]クロスブラウザ対応のフリーのナビゲーション集 -Styled Menu