20 Excellent JavaScript Navigation Techniques and Examples
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. JavaScript allows you to add interacti
Tableless Contact Form sample02
テーブルを使ã‚ãªã„ãŠå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚µãƒ³ãƒ—ル。 シンプルãªãƒ–ルー系。タブã£ã½ã„ラベル。 Checked(win):IE6,IE7,FireFox2,Opera9,Safari Mac未確èªã€‚ <fieldset> <legend>Contact details</legend> <form action="" method="post" class="form" id="contactform"> <ul> <li><label for="company">会社å</label> <div><input name="company" type="text" id="company" size="50" /></div></li> <li><label for="name">ãŠåå‰ï¼ˆã”担当者å）</label> <div><input name="name" type="text" id
パンããšè©³è§£ | コリス
パンããšã®ç”±æ¥ã‚„概è¦ã€ç‰¹é•·ã‚’ã¯ã˜ã‚ã€è¨ç½®ã®åˆ¤æ–基準ã€å®Ÿè£…ã®ã‚ˆãã‚ã‚‹é–“é•ã„ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒã‚¤ãƒ³ãƒˆã€ã‚¯ãƒ©ã‚·ãƒƒã‚¯ãªã‚‚ã®ã‚„進化ã—ãŸãƒ‘ンããšã®ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ãªã©ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Breadcrumbs In Web Design 以下ã€ãã®æ„訳ã§ã™ã€‚ パンã㚠ナビゲーションã¯ã€å¤§é‡ã®ãƒšãƒ¼ã‚¸ã‚’ä¿æŒã™ã‚‹ã‚¦ã‚§ãƒ–サイトã§ã€ãƒŠãƒ“ゲーション機能を拡張ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ パンããšã®å¤§ããªæœ‰ç”¨æ€§ã¯ã€ã‚¦ã‚§ãƒ–サイトã®è¨ªå•è€…ãŒä¸Šã®éšŽå±¤ã«ç§»å‹•ã™ã‚‹éš›ã€å°‘ãªã„アクションã§å®Ÿç¾ã•ã›ã‚‹ã“ã¨ã§ã™ã€‚ ã“ã®ã“ã¨ã¯ã‚¦ã‚§ãƒ–サイトã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã‚„ページã®ãƒ•ã‚¡ã‚¤ãƒ³ãƒ€ãƒ“リティ（見ã¤ã‘ã‚„ã™ã•ï¼‰ã‚’改善ã™ã‚‹ã‚‚ã®ã¨ãªã‚Šã¾ã™ã€‚ ã¾ãŸã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ï¼ˆæ¤œç´¢ãªã©ã‹ã‚‰è¨ªã‚ŒãŸæœ€åˆã®ãƒšãƒ¼ã‚¸ï¼‰ã«ã‚‚éžå¸¸ã«åŠ¹æžœçš„ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç¾åœ¨ã®å ´æ‰€ã‚’明示ã™ã‚‹ã ã‘ã§ãªãã€æ–‡è„ˆã®ãƒ’ントã¨ãªã‚‹ã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚æä¾›ã—ã¾ã™ã€‚ What is a bre
Create an apple style menu and improve it via jQuery - Kriesi.at - Premium WordPress Themes
Create an apple style menu and improve it via jQuerySince I wrote my last tutorial on how to create a CSS only multilevel dropdown menu I got a lot of visitors who wanted to know how I created the main navigation of kriesi.at. (a so called kwicks menu) The interest in extraordinary menus seems to be high nowadays, so today I will teach you how this is done. Since the Apple-flavored Leopard-text-in
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
Breadcrumb Example - Revised
 Breadcrumb example - Revised Originally by: www.jankoatwarpspeed.com Revised to work in IE6, IE7, Firefox 2+, Opera and Safari by: www.lostsockdesign.com.au Sample page 1 Sample page 2 Sample page 3 Current page Download: breadcrumb.zip (5kb)
Using jQuery for Background Image Animations
After reading Dave Shea's article on CSS Sprites using jQuery to produce animation effects, I felt like playing around with things to see what could be done but accomplish it with a simpler HTML structure (no need for adding superfluous tags) and simpler code, too. Changing the position of the background image felt to be the best approach to creating the type of effect we're looking for (and I'm n
Javascript in Modern Web Design - Web Designer Wall
In today’s web design, Javascript is a must-have component. Aside from its functionality, Javascript can enhance user experience by creating transitional effects such as fading and sliding animation. Thanks to the open source Javascript frameworks, we don’t need to write custom Javascript from scratch anymore. Here are 47 Javascript plugins that you can use to enhance the user experience and funct
[JS]コンテンツをオリジナルã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’使ã£ãŸçœã‚¹ãƒšãƒ¼ã‚¹ã«è¡¨ç¤ºã§ãるスクリプト -MooScroll
Green Gecko Designã‹ã‚‰ã€divã§å›²ã¾ã‚ŒãŸã‚¨ãƒªã‚¢ã‚’çœã‚¹ãƒšãƒ¼ã‚¹ã«è¡¨ç¤ºã—ã€ã‚ªãƒªã‚¸ãƒŠãƒ«ç”»åƒã‚’使ã£ãŸã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’使用ã§ãるスクリプトを紹介ã—ã¾ã™ã€‚
ã„ã‚ã„ã‚ãªã‚µã‚¤ãƒˆã®ãƒŠãƒ“ゲーションを集ã‚㟠-Navigation Design Showcase
Navigation Design Showcase Navigation Design Showcaseã¯ç¾åœ¨49個登録ã•ã‚Œã¦ãŠã‚Šã€Elements of Designã«ã¯ä»–ã«ã‚‚ウェブサイトã§ã‚ˆã使ã†ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒåŽé›†ã•ã‚Œã¦ã„ã¾ã™ã€‚ コメントã®å…¥åŠ›æ¬„ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† コメントã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† カレンダーã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† 打ã¡å‡ºã—エリアã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† コード表示ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† 動画プレイヤーã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† フッタã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† アイコンã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† ç”»åƒã®ã‚ャプションã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† ãƒã‚°ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† ナビゲーションã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† ä¾¡æ ¼è¡¨ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† 登録フォームã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† 引用箇所ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† 検索フォームã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† 見出ã—ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›†
JavaScript製ã®ç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ»ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã„ã‚ã„ã‚:phpspot開発日誌
Top 10 Javascript slideshows, carousels and sliders JavaScript製ã®ç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ»ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã„ã‚ã„ã‚。 JavaScriptã§ç”»åƒã‚’使ã£ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ãŸã‚Šã€ãƒªã‚¹ãƒˆç®¡ç†ã—ãŸã‚Šã™ã‚‹ãƒ©ã‚¤ãƒ–ラリãŒå¤šæ•°ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ SpaceGallery Noobslide Accessible News Slider SmoothGallery jQuery Multimedia Portfolio JCarousel Glider Carousel Carousel slideshow Carousel.us éŽåŽ»ã®ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼é–¢é€£ã‚¨ãƒ³ãƒˆãƒª スライドショー付ãLightBox風イメージアルãƒãƒ ã®ã‚µãƒ³ãƒ—ル jQueryベースã®LightBoxクãƒãƒ¼ãƒ³ã€ŒprettyPhoto〠ＵＩãŒã‚¯ãƒ¼ãƒ«ã§ã‚µã‚¯ã‚µã‚¯ä½¿ãˆã‚‹Macウェブギャラリー風画åƒã‚®ãƒ£
Pattern Tap : Interface Collection for Design Inspiration
A collection of interface design solutions from all over the web, where users can mark patterns they like, and learn from other's design solutionsPattern Tap is here to satisfy and encourage the inspiration needs of my interface design peers and peeps. We aspire to be the one stop pattern shop for your next inspiration need.
訴求効果ã®ã‚る「打ã¡å‡ºã—エリアã€ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ‘ターン集
サイトã®ãƒˆãƒƒãƒ—ページã«é…ç½®ã™ã‚‹ã€è¨´æ±‚効果ãŒæœ€ã‚‚高ã„「打ã¡å‡ºã—エリアã€ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒ‘ターン集ã®ç´¹ä»‹ã§ã™ã€‚ Carousels Design Showcase 「Carousels Design Showcaseã€ã¯ã€å½“サイトã§åº¦ã€…紹介ã—ã¦ã„る「Elements of Designã€ã®æ–°ã‚«ãƒ†ã‚´ãƒªã§ã™ã€‚ Carouselsã«ã¯ç¾åœ¨50個登録ã•ã‚Œã¦ãŠã‚Šã€ä»–ã«ã‚‚ウェブサイトã§ã‚ˆã使ã†ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒåŽé›†ã•ã‚Œã¦ã„ã¾ã™ã€‚ フッタã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† フォームã®ãƒã‚°ã‚¤ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† 検索フォームã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† 見出ã—ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† コメントã®å…¥åŠ›æ¬„ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† コメントã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† カレンダーã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† コード表示ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† 動画プレイヤーã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† アイコンã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† 引用箇所ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† 登録フォームã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† 「打ã¡å‡ºã—エリアã€ã¨è¨˜è¼‰ã—ã¾ã—ãŸãŒã€Googleã§èª¿ã¹ã¦ã¿ãŸã‚‰ã€ã‚ã¾ã‚Šä½¿ç”¨ã•ã‚Œãªã„言
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
jQuery UI Accordion
How To Design The Perfect List | Web Design Tuts
http://www.styledmenus.com/
Apple風ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†
[Design Solutions]![[Design Solutions]](https://cdn-ak-scissors.b.st-hatena.com/image/square/579f892153a98d5dbb1d61e422723f84887a1931/height=288;version=1;width=512/https%3A%2F%2Flive.staticflickr.com%2F171%2F452069651_c098414360_q.jpg)
Design Stencils - Yahoo! Design Pattern Library
{{#tags}}- {{label}}
{{/tags}}