Mega Drop Down Menu w/ CSS & jQuery | Dropdown Menu | drop down menus | CSS Menu Tutorial | Drop Down Menu Tutorial
While in the process of redesigning 4wheelparts.com, I decided to explore new methods of working with our huge number of inventory and categories. I did some research and noticed a new trend for ecommerce sites in having what they call “mega drop down menus”. According to usability expert Jakob Nielson, mega drop down menus tested to be more efficient for large scale websites. I decided to experim
hail2u.net - Weblog - floatで並べたリストのセンタリング
ページング・ナビゲーションなどでリスト項目をfloat: left;で横に並べるというのは割りと良く使われると思う。並べること自体は特に難しいわけではないが、その並べたリスト全体をセンタリングしようとするとちょっとややこしい。display: inline-block;を使う手法やdisplay: table;を使う手法という黒魔法的(私見)な手法で実現可能だが、position: relative;でもいける。 ややこしい理由は簡単で、センタリングでよく使われるtext-align: center;やmargin: 0 auto;といった手法が通用しないから。検索するとすぐ出てくる比較的メジャーなdisplayで頑張る方法もわかりやすいし悪くはないのだけど、同一セレクタ内で複数のdisplayを駆使する必要があることやzoomマジックなどを併用する必要があることからコードがややこしくなる
Stu Nicholls | CSS PLAY | Horizontal unordered list non floating
Information Using display:table; which is understood by all the modern browsers, we can center a horizontal menu of unknown width by using margin values. For IE6 and IE7 we can use display:inline-block; and display:inline; which gives the menu a width value and then position this using text-align. When using display:table; in Firefox, you must also use display:table-row; in the following element t
マジ使える！ iPhoneのカーナビ。: つれづれ日記
ゼンリンデータコムの「いつもなび」を購入。これはすげー！ ケータイ端末上で動作する物としてはじめてまともに使えるナビに出会った感じだ。 税込み1800円でこれだけ使えるなんて！！と、ちょっと感動。 iPhoneにはジャイロは搭載されてないはずだが、GPSの移動方向から、ちゃんと車の進行方向を割り出して、方角表示ではなく、進行方向表示で、画面を出してくれる。しかもかなり精度高い！音声ガイドこそ無いものの、初めての場所に行く際には、ひっじょーに心強い。マジでオススメ。 ダウンロードはここ もちろん私の場合は、iPhoneの裏にもベルクロが貼ってあるので、車にも簡単装着！超便利だ（笑）。 ただ、やっぱり電池はあっという間に無くなるので、シガレット充電器は必須。これ無しだと、市内をうろちょろしているうちに電池が切れ、肝心な目的地に行く前に電池が亡くなる（笑）。しかし便利な時代になったものだ。 iP
» 10 Brilliant Multi Level Navigation Menu Techniques
Web-developers can create user-friendly horizontal or vertical navigation menus using CSS. Javascript makes it possible to create more interactive, more responsive and more flexible navigation to any website. Today we wanted to highlight 10 brilliant Multi Level Navigation Menu Techniques built using different Javascript Libraries including jQuery, Mootools along with some CSS magic to give us wha
CSS Sprites2 – It’s JavaScript Time
A sense of movement is often the differentiator between Flash-heavy web sites and standards-based sites. Flash interfaces have always seemed more alive—responding to the user’s interactions in a dynamic way that standards-based web sites haven’t been able to replicate. Lately that’s been changing, of course, with a resurgence in dynamic interface effects, helped along by JavaScript libraries that
Navigation Menus: Trends and Examples | Design Showcase | Smashing Magazine
Navigation is the most significant element in web design. Since web-layouts don’t have any physical representation a user can stick to, consistent navigation menu is one of the few design elements which provide users with some sense of orientation and guide them through the site. Users should be able to rely on it which is why designers shouldn’t mess around with it. Navigation is the most signifi
Stu Nicholls | CSS PLAY | Professional horizontal menus
CSS MENUS › Professional horizontal series Date : August - November 2007 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Professional #1 Home Privacy Policy Products Where to find us Contact us Search Download Pro menu #1. Please read terms and conditions below. Professional #2 Home Privacy Policy Products Where to find us Contact us Search Down
Yetii - Yet (E)Another JavaScript Tab Interface Implementation | kminek.pl
Yetii stands for Yet (E)Another JavaScript Tab Interface Implementation. There are plenty of DHTML tabs scripts out there but most of them are either poorly coded, library/framework dependend or bloated with unnecessary functionality. So I`ve decided to come up with this simple, yet functional tab interface implementation. Features extremely lightweight, object-oriented code gracefull degradation
CSS-Based Navigation Menus: Modern Solutions | Smashing Magazine
Usability is an essential goal of any website, and usable navigation is something every website needs. It determines where users are led and how they interact with the website. Without usable navigation, content becomes all but useless. Menus need to be simple enough for the user to understand, but also contain the elements necessary to guide the user through the website — with some creativity and
Full width navigation bar
By Choan C. Gálvez <choan(at)alice.0z0ne.com> Please, check this thread at CSS-D to know what this document is about. The easiest way to imitate a table display is... guess what... use a table. Yes, I hear you screaming. But, what if I told you that you can achieve the same presentation by using the display property with values such as table, table-cell and table-row values? Unfortunately, Microso
XSLTでナビゲーションリンク表示 - 徒書
link要素とCSSのみでナビゲーションを作るで、CSSでlink要素によるナビゲーションを可視化する方法を知りました。 便利そうなのですが、「link要素をCSSで表示させると、a要素と同様のアンカーとして表示される」という実装をしているのは今のところFirefox等のGecko搭載ブラウザだけのようであり、HTMLの仕様上も必ずそのように実装しなければならないわけではないので、汎用的な方法とは言い難いのが惜しいところ。 そこで、 「出来るだけ既存のXHTML文書を書き換える事なく済ませたい。」 「JavaScriptを無効にしている方も困る事ないようにしたい。」 という条件の上で、より汎用的な解決方法はないかと考えてみて、「XSLTを使ってlink要素の内容をリストとして反映できるのでは」ということを思いつきました。 で久しぶりにXSLTを書いてみまして、できたのが以下です。 test
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.jampmark.com/html+css-techniques/pure-css-fish-eye-menu.html
Superfish Suckerfish on ’roids
» 10 Javascript Accordion Scripts
Breadcrumb CSS - Appleに習うパンくずデザインCSS - youmos
The Tabbed Breadcrumb Navigation
cengiz demir
http://youmos.com/news/wrapscroll_05b.html
‹radu darvaș› ‹ Anmelden