[B! navigation] blanc2005ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

blanc2005 id:blanc2005

navigationã«é–¢ã™ã‚‹blanc2005ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (163)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

[JS]ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å¤‰æ›´ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Isotope
Demo: images Isotopeã«ã¯imagesLoadedãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚‚å«ã¾ã‚Œã¦ãŠã‚Šã€ç”»åƒã®ãƒãƒ¼ãƒ‰ã«ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã‚’åˆ©ç”¨ã§ãã¾ã™ã€‚ Isotopeã®ç‰¹å¾´ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ãƒ¢ãƒ¼ãƒ‰ï¼š CSSã ã‘ã§ã¯ã§ããªã„ã€ã‚¤ãƒ³ãƒ†ãƒªã‚¸ã‚§ãƒ³ãƒˆã§ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®Ÿç¾ã—ã¾ã™ã€‚ ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°ï¼š jQueryã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ä½¿ç”¨ã—ã¦ã€ç°¡å˜ã«ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°ãŒè¡Œãˆã¾ã™ã€‚ ã‚½ãƒ¼ãƒˆï¼š ã‚ã‚‰ã‚†ã‚‹ãƒ‡ãƒ¼ã‚¿ã‹ã‚‰ã‚½ãƒ¼ãƒˆãŒè¡Œãˆã¾ã™ã€‚ å„æ©Ÿèƒ½ã®äº’æ›æ€§ï¼š ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ¢ãƒ¼ãƒ‰ã€ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°ã€ã‚½ãƒ¼ãƒˆã®å„æ©Ÿèƒ½ã¯ä¸€ç·’ã«åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ æœ€é©åŒ–ï¼š Isotopeã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ³ã‚¸ãƒ³ã¯ã€è¡¨ç¤ºã—ã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã«æœ€é©ãªã‚‚ã®ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ä¾‹ãˆã°ã€CSS3 transitons, transf ormsãªã©ã§ã€ã“ã‚Œã‚‰ã«éžå¯¾å¿œãªãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆIEãªã©ï¼‰ã¯ã€JavaScriptã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿç¾ã—ã¾ã™ã€‚ Isotopeã®å®Ÿè£…
blanc2005 2013/09/18
jQuery

navigation

grid
ãƒªãƒ³ã‚¯
åˆ¶ä½œæ¡ˆä»¶ã«ä½¿ãˆã°æ³¨ç›®åº¦ã‚¢ãƒƒãƒ—ï¼CSS3ã‚’ä½¿ã£ãŸé©šãã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³è¡¨ç¾
ä¸€èˆ¬çš„ãªã‚µã‚¤ãƒˆåˆ¶ä½œæ¡ˆä»¶ã§ã¯ã€éŽåº¦ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³... / CSS3ã‚’ä½¿ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³è¡¨ç¾ / Simple Icon Hover Effect...ä»–...å…¨10ä»¶ ä¸€èˆ¬çš„ãªã‚µã‚¤ãƒˆåˆ¶ä½œæ¡ˆä»¶ã§ã¯ã€éŽåº¦ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ±‚ã‚ã‚‰ã‚Œã‚‹ã“ã¨ã¯å°‘ãªã„ã§ã™ãŒã€ä¸Šæ‰‹ã«å–ã‚Šå…¥ã‚Œã‚‹ã“ã¨ã§åˆ©ç”¨è€…ã®å¿ƒã‚’ã‚°ãƒƒã¨ã¤ã‹ã‚€ã“ã¨ãŒã§ãã¾ã™ã€‚ã©ã†ã›ä½œã‚‹ãªã‚‰ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å°è±¡ã«æ®‹ã‚Šã€ã‹ã¤ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ç›®çš„ã‚’é”æˆã§ãã‚‹ã‚µã‚¤ãƒˆã«ä»•ä¸Šã’ãŸã„ã‚‚ã®ã§ã™ã€‚ ãã‚“ãªã€ã“ã‚Œã‹ã‚‰ã®åˆ¶ä½œæ¡ˆä»¶ã«ã‚‚æŽ¡ç”¨ã§ããã†ãªã€ã¡ã‚‡ã£ã¨ç›®ã‚’å¼•ãè¡¨ç¾æ–¹æ³•ã‚’é›†ã‚ã¾ã—ãŸã€‚
blanc2005 2013/08/13
css3

navigation

effect

scroll
ãƒªãƒ³ã‚¯
Google Nexus Website Menu | Codrops
A tutorial on how to re-create the slide out sidebar menu that can be seen on the Google Nexus 7 website. Today I want to show you how to reconstruct the sidebar menu of the Google Nexus 7 page. It slides out with a really nice effect where some subit ems get expanded as well. When hovering over a special menu icon, the sidebar icons will be revealed. When clicking on the icon, the whole sidebar me
blanc2005 2013/07/30
ui

navigation
ãƒªãƒ³ã‚¯
[JS]ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«åŠ é€Ÿã‚„ãƒã‚¦ãƒ³ãƒ‰ãªã©30ä»¥ä¸Šã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä¸Žãˆã€ä½ç½®è£œæ£ã‚‚ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -AnimateScroll
ã€ŒEasing Effectã€ã«ã¯3ã¤ã®ãƒ‡ãƒ¢ãŒã‚ã‚Šã¾ã™ã€‚ ã€ŒeaseInOutBackã€ä¸€æ—¦é€†ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã€ç›®çš„åœ°ã‚’ã¡ã‚‡ã£ã¨ã ã‘é€šã‚Šã™ãŽã¦æˆ»ã£ã¦åˆ°ç€ã€‚ ã€ŒeaseOutBounceã€ç›®çš„åœ°ã«ã¤ãã¨ãƒã‚¦ãƒ³ãƒ‰ã§åˆ°ç€ã€‚ ã€ŒeaseOutElasticã€ã¯easeInOutBackã‚’ç´ æ—©ãã—ãŸæ„Ÿã˜ã§ã™ã€‚ AnimateScrollã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« jquery.jsã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’headå†…ã«è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <script src="//ajax.google apis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="animatescroll.js"> </head> Step 2: HTMLï¼ˆã‚¹ã‚¯ãƒãƒ¼ãƒ«å…ˆã®è¨å®šï¼‰ ã‚¹ã‚¯ãƒãƒ¼ãƒ«å…ˆã®è¦ç´ ã«idã‚„classã‚’ä»˜ä¸Žã—ã¾ã™ã€‚ â€»ãƒšãƒ¼
blanc2005 2013/07/29
jquery

navigation
ãƒªãƒ³ã‚¯
Googleã‹ã‚‰å¦ã¶ ãƒŒãƒ«ãƒŒãƒ«ã‚µã‚¯ã‚µã‚¯ãªã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ - Qiita
ã‚¹ãƒžãƒ•ã‚©webãƒšãƒ¼ã‚¸ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã‚¢ãƒ—ãƒªã§ã¯å½“ãŸã‚Šå‰ã®ã‚ˆã†ã«å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã™ãŒã€webãƒšãƒ¼ã‚¸ã§ã¯ãªã‹ãªã‹ä½¿ã„å¿ƒåœ°ã®ã‚ˆã„ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã®ã¯è¦‹ã‹ã‘ã¾ã›ã‚“ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯javascriptã§ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã©ã†ã—ã¦ã‚‚ã‚¬ã‚¿ã‚¬ã‚¿ã«ãªã£ã¦ã—ã¾ã†ã—ã€ã¡ã‚‰ã¤ãã‚„ã‚¹ã‚¯ãƒãƒ¼ãƒ«åˆ¶å¾¡ã®ã‚ã‚“ã©ãã•ã•ã‹ã‚‰ã‚‚ã†webãƒšãƒ¼ã‚¸ã§ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªä¸¦ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ãªã‚“ã¦ç„¡ç†ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ Facebookã®webãƒšãƒ¼ã‚¸ã§ã™ã‚‰ãƒœã‚¿ãƒ³ã®åå¿œã¯æ‚ªã„ã—ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚å‹•ã‹ãªã„ã—æœ€æ‚ªã§ã™ã€‚ ä¸€æ–¹Googleå…ˆç”Ÿã¯ãƒ‘ãƒ¼ãƒ•ã‚§ã‚¯ãƒˆãªã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã—ã¦ã„ãŸ ã•ã™ãŒGoogleå…ˆç”Ÿï¼ ä¿ºé”ã«å‡ºæ¥ãªã„ã“ã¨ã‚’( Googleã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ä»¥ä¸‹ã®ç‚¹ã§ãƒ‘ãƒ¼ãƒ•ã‚§ã‚¯ãƒˆã§ã™ã€‚ 1. ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã¨ã¦ã‚‚æ»‘ã‚‰ã‹ãƒ»ã¡ã‚‰ã¤ã‹ãªã„ 2. ãƒœã‚¿ãƒ³ã®åå¿œã«ã‚¹ãƒˆãƒ¬ã‚¹ã‚’æ„Ÿ
blanc2005 2013/06/30
css3

UI

navigation
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã‚¯ãƒ¼ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ä¾‹:phpspoté–‹ç™ºæ—¥èªŒ
Drop-Down Navigation: Responsive and Touch-Friendly Osvaldas Valutis ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã‚¯ãƒ¼ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ä¾‹ æ¬¡ã®ã‚ˆã†ãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ãƒ‡ãƒ¢ã§ã™ã€‚ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯ã“ã¡ã‚‰ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ãŒã‹ãªã‚Šè‰¯ã„æ„Ÿã˜ã«å‹•ã„ã¦ã„ã‚‹ã¿ãŸã„ã§ã™ã€‚ ãã®ã¾ã¾ä½¿ã†ã®ã‚‚ã„ã„ã§ã™ã—ã€ï¼‘ã‹ã‚‰å®Ÿè£…ã™ã‚‹éš›ã®å‚è€ƒã«ã—ã¦ã¿ã¦ã‚‚ã‚ˆã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ãŒä½œæˆã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ HTMLãƒ¡ãƒ¼ãƒ«ç”¨ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€ŒAntwortã€ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã‚¯ãƒ¼ãƒ«ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿç¾ã§ãã‚‹ã€ŒResponsive Navã€ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªiPhoneã®ã‚µã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã£ã½ã„ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSidrã€ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœä»˜ãã‚µã‚¤ãƒˆã‚’ä½œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒCoo
blanc2005 2013/04/27
navigation

jQuery

Responsive Design
ãƒªãƒ³ã‚¯
CSS ã§ä½œã‚‹ Tumblr ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªé¢¨ãƒ¡ãƒ‹ãƒ¥ãƒ¼
1å¹´ãã‚‰ã„å‰ã« ã€ŒCSS ã§ä½œã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ç‰‡æ‰‹æ“ä½œãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ ã£ã¦è¨˜äº‹æ›¸ã„ãŸã‚“ã§ã™ãŒã€åŒã˜ã‚ˆã†ãªã®ã‚’ã¾ãŸã‚„ã£ã¦ã¿ãŸã®ã§ç´¹ä»‹ã€‚ Tumbler ã® Android ã‚¢ãƒ—ãƒª ï¼ˆTumblr for Androidï¼‰ ã®æ–°è¦æŠ•ç¨¿ã® UI ãŒã‚«ãƒƒã‚³ã‚ˆã‹ã£ãŸã‚“ã§ã€ã“ã‚Œã‚’ CSS ã¨è¶…ç°¡å˜ãª JavaScript ï¼ˆjQuery ä½¿ç”¨ï¼‰ ã§å†ç¾ã—ã¦ã¿ã¾ã—ãŸã€‚å®Ÿéš›ã®ã‚µãƒ³ãƒ—ãƒ«ã¯ä¸‹è¨˜ã«ã€‚ CSS ã§ä½œã‚‹ Tumblr ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªé¢¨ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã‚µãƒ³ãƒ—ãƒ« ç¾åœ¨æœ€æ–°ç‰ˆã® Firefoxã€Safariã€Chrome ã§ã¯å‹•ãã¨æ€ã„ã¾ã™ã€‚ã‚ã¨æ‰‹æŒã¡ã® iOS 6 Safari ã§ã¯å‹•ä½œç¢ºèªã—ã¾ã—ãŸã€‚ä»–ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¨ã‹çŸ¥ã‚‰ãªã„ã€‚IEï¼Ÿ ä¸€å¿œã€IE10 ã¯å•é¡Œãªãå‹•ä½œã—ã¾ã™ã€‚IE9 ã ã¨å‹•ä½œã¯ã™ã‚‹ã‘ã©ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã‹ã—ãªã„ã§ã™ã€‚ å…ƒãƒã‚¿ã‚’ä¸‹è¨˜ã«è²¼ã£ã¦ãŠãã¾ã™ã ï¼ˆç”»åƒã¯ ã€ŒTumblr Staffã€ ã‹ã‚‰
blanc2005 2013/04/22
tumblr

navigation
ãƒªãƒ³ã‚¯
PCã§ã¯ãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼ã€ã‚¹ãƒžãƒ•ã‚©ã§ã¯ã‚¿ãƒƒãƒ—ã§å‹•ä½œã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»FlexNav - ã‹ã¡ã³ã¨.net
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã‚µã‚¤ãƒˆå‘ã‘ã®ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ç‚ºã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»FlexNavã®ã”ç´¹ä»‹ã§ã™ã€‚ãªã‹ãªã‹ä½¿ã„å‹æ‰‹ã‚‚è‰¯ã•ãã†ãªå°è±¡ã§ã—ãŸã€‚ PCã‚µã‚¤ãƒˆã§ã¯ãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼ã«ã‚ˆã‚‹ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã€ã‚¹ãƒžãƒ•ã‚©ã§ã¯ã‚¿ãƒƒãƒ—ã§é™ã‚Šã‚‹ã‚³ãƒ³ãƒ‘ã‚¯ãƒˆãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«åˆ‡ã‚Šæ›¿ã‚ã‚Šã¾ã™ã€‚ ãƒã‚¹ãƒˆã•ã‚ŒãŸãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ã®ã§ã“ã®ã¾ã¾åˆ©ç”¨ã—ã¦ã‚‚å¤§ä¸ˆå¤«ãƒ»ãƒ»ã‹ãªã€‚ï¼ˆã¾ã è©³ã—ãè¦‹ã¦ãªã„ã§ã™ï¼‰ <ul class="flexnav" data-breakpoint="800"> <li>Menu01</li> <li>Menu02</li> </ul> ã‚«ã‚¹ã‚¿ãƒ ãƒ‡ãƒ¼ã‚¿å±žæ€§ã§ãƒ–ãƒ¬ãƒ¼ã‚¯ãƒã‚¤ãƒ³ãƒˆã‚’è¨å®šã—ã¾ã™ã€‚emå˜ä½ã§ã‚‚ã‚»ãƒƒãƒ†ã‚£ãƒ³ã‚°ã§ãã‚‹ã¿ãŸã„ã€‚ $(".foo").flexNav({ 'transitionSpeed' : '0.4s', 'it emHeight': 50 }); é™ã‚Šã¦ãã‚‹ã‚¹ãƒ”ãƒ¼ãƒ‰ãªã©ã¯ã‚ªãƒ—ã‚·ãƒ§
blanc2005 2013/04/21
jQuery

navigation
ãƒªãƒ³ã‚¯
10 jQuery plugins for better website navigation
It can easily be proved that jQuery is the dominant player in the javascript libraries market. It is bundled with WordPress, the most used blogging system, and Google provides a cached version of the script. This library is most often used to add effects on your website easily, and navigation is an element that can be drastically improved by adding effects, whether itâ€™s to hide part of the text or
blanc2005 2013/04/21
jQuery

navigation

accordion
ãƒªãƒ³ã‚¯
ãªãœAmazonã®ãƒ¡ã‚¬ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ã‚¹ãƒ ãƒ¼ã‚ºã«æ“ä½œã§ãã‚‹ã®ã‹ã¨ã„ã†ç§˜å¯†
æ—¥æœ¬ã®Amazonã§ã‚‚æŽ¡ç”¨ã•ã‚Œã¦ã„ã‚‹ãƒ¡ã‚¬ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ã¤ã„ã¦ã€ãªãœAmazonã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä½¿ã„ã‚„ã™ãã§ãã¦ã„ã‚‹ã®ã‹ã¨ã„ã†ç§˜å¯†ãŒæ˜Žã‚‰ã‹ã«ãªã‚Šã¾ã—ãŸã€‚ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’æ”¹å–„ã™ã‚‹ã“ã¨ãŒè‡³ä¸Šå‘½é¡Œã®ãƒãƒƒãƒˆã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°ç³»ã‚µã‚¤ãƒˆã«ã¨ã£ã¦ã¯éžå¸¸ã«æœ‰ç›ŠãªçŸ¥è˜ã¨ãªã£ã¦ã„ã¾ã™ã€‚ Breaking down Amazonâ€™s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown ã¾ãšã“ã‚ŒãŒAmazonã®å·¦ä¸Šã«ã‚ã‚‹ã‚«ãƒ†ã‚´ãƒªãƒ¼ã‚’ä¸€è¦§åŒ–ã—ãŸãƒ¡ã‚¬ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€‚æ—¥æœ¬ã®Amazonã«ã‚‚åŒæ§˜ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒæŽ¡ç”¨ã•ã‚Œã¦ãŠã‚Šã€ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«ã‚’ä¸Šã«æŒã£ã¦ã„ãã¨å®Ÿã«ã‚¹ãƒ ãƒ¼ã‚ºã«å‹•ãã¾ã™ã€‚ é€šå¸¸ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®å ´åˆã€ä»¥ä¸‹ã®ã‚ˆã†ã«ã—ã¦å°‘ã—é…ã‚Œã¦ã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒé–‹ãã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãª
blanc2005 2013/03/08
jQuery

amazon

navigation
ãƒªãƒ³ã‚¯
Vertical Icon Menu | Codrops
A fixed vertical icon menu that adjusts its size for smaller screens. A very simple lateral icon menu with a hover transition. The fixed menu has an example for how to use media queries to adjust the size of the icons for smaller screens. There is also an example class for an active it em. The icon font was created with IcoMoon and the icons are by Matthew Skiles. The HTML <ul class="cbp-vimenu"> <
blanc2005 2013/03/07
ui

navigation
ãƒªãƒ³ã‚¯
Orman Clark's Vertical Navigation Menu: The CSS3 Version | Envato Tuts+
Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
blanc2005 2013/02/20
navigation

css3
ãƒªãƒ³ã‚¯
scrollnav.js
A small, dependency free JavaScript plugin for auto generating and tracking single page navigation (aka a Table of Contents) Get started View the demos Features Simple setup Pass your pageâ€™s content to scrollnav and it will generate the navigation and track scrolling automatically. Fully customizable All the styling is up to you, make scrollnav look and behave however works best for your project.
blanc2005 2013/01/25
jQuery

scroll

navigation
ãƒªãƒ³ã‚¯
[DNW] è¶…ç°¡å˜ï¼jQueryã‚’ä½¿ç”¨ã—ãŸè¿½å¾“ã™ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€Žãƒ•ãƒãƒ¼ãƒ†ã‚£ãƒ³ã‚°ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ | [DNW] ãƒ‡ã‚¶ãƒã‚¹ï¼
- 4 users
- dnw.jp
- å¦ã³
ä»Šå›žã¯travelhackã®ä¸ã®äººã«ã€ãƒ•ãƒãƒ¼ãƒ†ã‚£ãƒ³ã‚°ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ã‚„ã‚‹ã¨å–œã¶äººãŒå¤šã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨æŽ¨è–¦ã—ã¦ã‚‚ã‚‰ã£ãŸã®ã§ä¸€ç•ªç°¡å˜ãªæ–¹æ³•ã§å®Ÿè£…ã§ããã†ãªjQueryã‚’ä½¿ç”¨ã—ãŸã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ å‚è€ƒã‚µã‚¤ãƒˆ ã¾ãšã¯ã€å®Ÿè£…ã•ã‚Œã¦ã„ã¦å‹•ãã®å‚è€ƒã«ã•ã›ã¦é ‚ã„ãŸã‚µã‚¤ãƒˆã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãƒœãƒƒã‚¯ã‚¹ã•ã‚“ã€‚ å³å´ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®ä¸€ç•ªä¸‹ã«ã‚ã‚‹ã€Œãƒ©ãƒ³ãƒ€ãƒ ã€äººæ°—è¨˜äº‹ã€æ–°ç€è¨˜äº‹ã€ã®ãƒœãƒƒã‚¯ã‚¹ãŒãƒ•ãƒãƒ¼ãƒ†ã‚£ãƒ³ã‚°ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ« å®Ÿéš›ã«ä½œã£ãŸã‚µãƒ³ãƒ—ãƒ«ã¯ã“ã¡ã‚‰ ã‚µãƒ³ãƒ—ãƒ«ã‚’è¦‹ã‚‹ å‚è€ƒã«ã•ã›ã¦é ‚ã„ãŸå‹•ãã¯ã‚‚ã¨ã«æˆ»ã‚‹ã¨ãã«è‹¥å¹²ã€Žã°ã“ï¼ã€ã£ã¨å‹•ã„ã¦ã—ã¾ã†æ„Ÿã˜ã ã£ãŸã®ã§ã€è‡ªç„¶ãªæ„Ÿã˜ã§å…ƒã®ä½ç½®ã«ãƒ”ã‚¿ã£ã¨å¸ã„ä»˜ãæ„Ÿã˜ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ ã‚µãƒ³ãƒ—ãƒ«ã®ã‚³ãƒ¼ãƒ‰ $(function(){ var name = "#menu"; var menuYpos = null; menuYpos = parseIn
blanc2005 2013/01/15
jQuery

navigation

scroll
ãƒªãƒ³ã‚¯
MdN Designï½œç·åˆæƒ…å ±ã‚µã‚¤ãƒˆ
jQuery ã¨ CSS ã‚’ä½¿ã£ãŸä½ç½®å›ºå®šåž‹ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€ŒFixed Fade Out Menuã€ã€‚ãƒšãƒ¼ã‚¸ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚å›ºå®šåŒ–ã•ã‚Œã¦ãŠã‚Šã€æ“ä½œã—ã¦ã„ãªã„ã¨ãã¯åŠé€æ˜ŽåŒ–ã™ã‚‹ãŸã‚ã»ã‹ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é‚ªé”ã«ãªã‚‰ãªã„ã€‚ ã¾ãšã€ã€ŒFixed Fade Out Menuã€ã®é…å¸ƒã‚µã‚¤ãƒˆã‹ã‚‰ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å–å¾—ã—ã‚ˆã†ã€‚æ–¹æ³•ã¯ã€demoãƒšãƒ¼ã‚¸ï¼ˆhttp://tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/ï¼‰ã‹ã‚‰ã€è©²å½“ã™ã‚‹éƒ¨åˆ†ã€Œ3. The JavaScriptã€ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’ã‚³ãƒ”ãƒ¼ã—ã¦å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«åŒ–ã™ã‚Œã°ã‚ˆã„ã€1-1ã€‘ã€1-2ã€‘ã€‚ ã€1-1ã€‘ã€ŒFixed Fade Out Menuã€ã®é…å¸ƒã‚µã‚¤ãƒˆãƒšãƒ¼ã‚¸ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹ã¨å‡ºã¦ãã‚‹ã€Œ3.Theã€€JavaScriptï¼ˆèµ¤ç·šæž ï¼‰ã€ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’ã‚³ãƒ”ãƒ¼ã—
blanc2005 2013/01/15
jQuery

navigation

scroll
ãƒªãƒ³ã‚¯
Side Navigation UI Pattern in Android
All works in the website, unless specifically mentioned, are licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License. And oh, since I am not a native English speaker, please let me know if there is any serious grammar mistakes in my blog post. Few days back, I read an article on Android UI Patterns by JuhaniÂ discussing about the emerging Side Navigation UI Pattern
blanc2005 2012/11/13
mobile

ui

navigation
ãƒªãƒ³ã‚¯
Drop-Down to Accordion ~ Degradable
blanc2005 2012/10/28
css3

navigation
ãƒªãƒ³ã‚¯
ã‚¯ãƒ¼ãƒ«ãªå††å½¢ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ãƒ”ãƒ¥ã‚¢CSS3ã§å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
The Creation of a CSS3 Clickable, Rotating Menu | InsertHTML ã‚¯ãƒ¼ãƒ«ãªå††å½¢ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ãƒ”ãƒ¥ã‚¢CSS3ã§å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚ ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨å›žè»¢ã—ãŸã‚Šè‰¯ã„æ„Ÿã˜ã«ç«‹ä½“æ„ŸãŒå‡ºã¦ã„ãŸã‚Šã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãŸã‚ŠCSS3ã®æ©Ÿèƒ½ã‚’ãƒ•ãƒ«ã«ä½¿ã£ãŸå††å½¢ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€‚ å¥‡æŠœãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã‚ã£ã¨é©šã‹ã›ãŸã„ã¨ã„ã†å ´åˆã«ä½¿ãˆãã†ã§ã™ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ã‚‚ã—ã£ã‹ã‚Šå›žè»¢ã•ã‚Œã¦ã„ã¾ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªå††å½¢ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒå®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒMobilyBlocksã€ ãƒ”ãƒ¥ã‚¢CSS3ã§ä½œã‚‰ã‚ŒãŸã€Œpath.comã€ã£ã½ã„å††å½¢ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ãƒ‡ãƒ¢ jQueryã¨CSS3ã‚’ä½¿ã£ãŸPathé¢¨ã®å††å½¢ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚µãƒ³ãƒ—ãƒ« ã‚²ãƒ¼ãƒ ã«å‡ºã¦ããã†ãªå††å½¢ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒPretty Pie Menuã€
blanc2005 2012/09/23
css3

navigation
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã§ã‚‚ä½¿ãˆãã†ãªã‹ã£ã“ã„ã„ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒddSlickã€:phpspoté–‹ç™ºæ—¥èªŒ
ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã§ã‚‚ä½¿ãˆãã†ãªã‹ã£ã“ã„ã„ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒddSlickã€ 2012å¹´05æœˆ17æ—¥- ddSlick - a jQuery plugin for custom drop down with images ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã§ã‚‚ä½¿ãˆãã†ãªã‹ã£ã“ã„ã„ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒddSlickã€ã€‚ ã‚¿ãƒƒãƒ—ã™ã‚Œã°ãƒªã‚¹ãƒˆãŒé–‹ã„ã¦ã‚¢ã‚¤ãƒ†ãƒ ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨é¸æŠžã§ãã‚‹ã¨ã„ã†ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ãƒ‡ãƒ¢ã§ã¯ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚µã‚¤ãƒˆã®é¸æŠžã¨ã„ã†æ„Ÿã˜ã«ãªã£ã¦ã„ã¾ã™ãŒã€è‰²ã€…å¿œç”¨ãŒã§ããã†ã§ã™ã€‚ ã‚¹ãƒžãƒ›ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¨ã—ã¦ä½¿ã£ã¦ã‚‚ã‚ˆã•ãã†ã€‚ã‚¢ã‚¤ãƒ†ãƒ ã®å†…å®¹ã«ã¯ç”»åƒã€ã‚¿ã‚¤ãƒˆãƒ«ã€ãƒ‡ã‚¹ã‚¯ãƒªãƒ—ã‚·ãƒ§ãƒ³ãŒå«ã¾ã‚Œã¾ã™ãŒã€ã“ã‚Œã‚‰å€¤ã¯JSONã§æ¸¡ã›ã¾ã™ ã‚‚ã¡ã‚ã‚“PCã‚µã‚¤ãƒˆã§ã‚‚ä½¿ãˆã¾ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚¹ãƒžãƒ›ã®ãƒ›ãƒ¼ãƒ ç”»é¢ã£ã½ã„ã‚‚ã®ã‚’ä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒPr
blanc2005 2012/09/23
jQuery

navigation
ãƒªãƒ³ã‚¯
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚position:fixedã§ã‚¦ã‚¶ããªã„æ„Ÿã˜ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒstickyMojoã€:phpspoté–‹ç™ºæ—¥èªŒ
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚position:fixedã§ã‚¦ã‚¶ããªã„æ„Ÿã˜ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒstickyMojoã€ 2012å¹´09æœˆ10æ—¥- stickyMojo contained fixed position sticky sidebar jquery plugin ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚position:fixedã§ã‚¦ã‚¶ããªã„æ„Ÿã˜ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒstickyMojoã€ã€‚ ä¸€æ˜”ã¾ãˆã ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹åº¦ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦é…”ã£ã¦ã—ã¾ã†ã‚ˆã†ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãŒé€šå¸¸ã§ã—ãŸãŒã€Facebookã®PCç‰ˆå³ã‚«ãƒ©ãƒ ã®ã‚ˆã†ã«position:fixedã‚’ã†ã¾ãä½¿ã£ã¦ãƒšãƒ¼ã‚¸ã«å›ºå®šã•ã‚Œã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ä½ç½®ã«å¿œã˜ã¦ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å›ºå®šã™ã‚‹ãŸã‚ã€ã‚·ãƒ¼ãƒ ãƒ¬ã‚¹ã«å›ºå®šã•ã‚Œã‚‹ã®ãŒç‰¹å¾´ã€‚ ãƒšãƒ¼ã‚¸ã‚’é–‹ã„ãŸæ‰€ ãƒšãƒ¼ã‚¸ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸæ‰€ã€‚ãƒšãƒ¼ã‚¸ã®å·¦ä¸Šã«å¸¸ã«å›ºå®šã•ã‚Œã‚‹ã®ã§ã€é€”ä¸ã§ç§»å‹•ã—
blanc2005 2012/09/23
jQuery

navigation
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 æ¬¡ã®ãƒšãƒ¼ã‚¸