GitHub - kamens/jQuery-menu-aim: jQuery plugin to fire events when user's cursor aims at particular dropdown menu items. For making responsive mega dropdowns like Amazon's.You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
ãªãœAmazonã®ãƒ¡ã‚¬ãƒ‰ãƒãƒƒãƒ—ダウンメニューã¯ã‚¹ãƒ ーズã«æ“作ã§ãã‚‹ã®ã‹ã¨ã„ã†ç§˜å¯†
日本ã®Amazonã§ã‚‚採用ã•ã‚Œã¦ã„るメガドãƒãƒƒãƒ—ダウンメニューã«ã¤ã„ã¦ã€ãªãœAmazonã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä½¿ã„ã‚„ã™ãã§ãã¦ã„ã‚‹ã®ã‹ã¨ã„ã†ç§˜å¯†ãŒæ˜Žã‚‰ã‹ã«ãªã‚Šã¾ã—ãŸã€‚ユーザビリティを改善ã™ã‚‹ã“ã¨ãŒè‡³ä¸Šå‘½é¡Œã®ãƒãƒƒãƒˆã‚·ãƒ§ãƒƒãƒ”ング系サイトã«ã¨ã£ã¦ã¯éžå¸¸ã«æœ‰ç›ŠãªçŸ¥è˜ã¨ãªã£ã¦ã„ã¾ã™ã€‚ Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown ã¾ãšã“ã‚ŒãŒAmazonã®å·¦ä¸Šã«ã‚るカテゴリーを一覧化ã—ãŸãƒ¡ã‚¬ãƒ‰ãƒãƒƒãƒ—ダウンメニュー。日本ã®Amazonã«ã‚‚åŒæ§˜ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒæŽ¡ç”¨ã•ã‚Œã¦ãŠã‚Šã€ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«ã‚’上ã«æŒã£ã¦ã„ãã¨å®Ÿã«ã‚¹ãƒ ーズã«å‹•ãã¾ã™ã€‚ 通常ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®å ´åˆã€ä»¥ä¸‹ã®ã‚ˆã†ã«ã—ã¦å°‘ã—é…ã‚Œã¦ã‚µãƒ–メニューãŒé–‹ãよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãª
Rails3 㨠jQuery ã§çœŸé¢ç›®ã«ã‚ªã‚·ãƒ£ãƒ¬ãªã‚¨ãƒã‚µã‚¤ãƒˆã‚’ã¤ãã£ã¦ã¿ã¾ã—ãŸ
ã„ã¤ãžã‚„ã®é£²ã¿ä¼šã§ã€ ã“ã‚Œã ã‘ウェブã®æŠ€è¡“ãŒé€²åŒ–ã—ã¦ã„ã‚‹ã®ã ã‹ã‚‰ã€ã‚‚ã£ã¨ã‚ªã‚·ãƒ£ãƒ¬ãªã‚¨ãƒã‚µã‚¤ãƒˆãŒã‚ã£ã¦ã‚‚ã„ã„ã‚“ã§ãªã„ã‹ã„？ << ã¨ã„ã†è©±ã«ãªã‚Šã¾ã—ã¦ã€‚ ã ã‘ã©ã©ã†ã›ä½œã‚‹ã‚“ãªã‚‰ã¨ã„ã†ã“ã¨ã§ã€Rails3 㨠jQuery を使ã£ã¦çµæ§‹ãƒžã‚¸ãƒ¡ã«ã¤ãã£ã¦ã¿ã¾ã—ãŸã€‚ （※大人ã®äº‹æƒ…ã«ã‚ˆã‚Šã€ãƒªãƒ³ã‚¯ã¯ã‚„ã‚€ãªã削除ã—ã¾ã—ãŸï¼‰ 当åˆã¯ã‚¨ãƒã«ã‚ªã‚·ãƒ£ãƒ¬ã¯å¿…è¦ãªã„ã®ã‹ãªãƒ¼ã¨æ€ã£ãŸã¨ãã‚‚ã‚ã‚Šã¾ã—ãŸãŒã€ã„ã–ã¤ãã£ã¦ã¿ã‚‹ã¨ã€ã‚„ã£ã±ã‚Šé¸ã¹ã‚‹ãªã‚‰ã‚ªã‚·ãƒ£ãƒ¬ãªã‚„ã¤ã®æ–¹ãŒãŒã„ã„よãã€ã¨ã„ã†çµè«–ã«è½ã¡ç€ãã¾ã—ãŸã€‚ 今回ã¤ãã£ãŸã®ã¯è©¦é¨“çš„ãªã‚‚ã®ãªã®ã§ 90日間é™å®šã§ã—ã‹å…¬é–‹ã—ãªã„ã¤ã‚‚ã‚Šã§ã™ãŒã€æ—¥æœ¬ã®ã‚¨ãƒã‚µã‚¤ãƒˆãŒä»Šå¾Œã‚‚ã£ã¨ã‚ªã‚·ãƒ£ãƒ¬ã«ç™ºå±•ã—ã¦ã„ããã£ã‹ã‘ã«ãªã£ã¦ãã‚ŒãŸã‚‰å¬‰ã—ã„ã§ã™ã€‚ 以下ã€ã‚µã‚¤ãƒˆã®ã‚³ãƒ³ã‚»ãƒ—トや使ã£ã¦ã„る技術ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ **Rails3 㨠jQuery ã§çœŸé¢ç›®ã«ã‚ªã‚·ãƒ£ãƒ¬ãªã‚¨ãƒã‚µã‚¤ãƒˆã‚’ã¤ãã£ã¦ã¿ã¾ã—㟠1
ã¤ã¾ã¥ããŒã¡ãªiPhoneコーディングã®Tips（JS多ã‚） | ãƒã‚·ãƒ£ãƒã‚°ã€‚
æ¥æœˆã¯ã‚ャプテン・アメリカ見るã—ã€æ°—ãŒä»˜ã„ãŸã‚‰å¹´ä¸ã‚¢ãƒ¡ã‚³ãƒŸæ˜ 画を見ã¦ã„ã‚‹minamiã§ã™ã€‚ æ¥æœˆã«ã¯ã¾ãŸå¤§ããªç™ºè¡¨ãŒã„ã‚ã„ã‚ã‚ã‚Šãã†ãªiPhone界隈ã§ã™ãŒã€iPhoneサイトã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã™ã‚‹éš›ã«ã¤ã¾ã¥ã„ã¦ããŸãƒã‚¤ãƒ³ãƒˆã‚’挙ã’ã¦ã¿ã¾ã—ãŸã€‚ [HTML] input type="file"ã¯ä½¿ãˆãªã„ ç”»åƒã‚’アップã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã ã‹ã‚‰ãƒ•ã‚©ãƒ¼ãƒ ã« input type="file" を・・・ã¨è€ƒãˆãŒã¡ã§ã™ãŒã€iPhone版ã®Safariã§ã¯ä½¿ç”¨ä¸å¯ã§ã™ã€‚ [HTML] <meta name="viewport" content="user-scalable=no">ãŒåŠ¹ã‹ãªã„ 最近ãƒãƒžã£ãŸãƒã‚¤ãƒ³ãƒˆã§ã™ã€‚ユーザーã«ç”»é¢ã®æ‹¡å¤§ã‚’ã•ã›ãªãã™ã‚‹ã“ã¨ãŒã§ãã‚‹viewportã®user-scalableプãƒãƒ‘ティã§ã™ãŒã€æœ¬ä½“ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティè¨å®šã§ã€Œã‚ºãƒ¼ãƒ 機能ã€ã‚’オンã«ã—ã¦ã„ã‚‹ã¨ãƒãƒƒãƒãƒªæ‹¡å¤§ã§ãã¦ã—ã¾ã„ã¾
Googleマップを使ã£ãŸçµŒè·¯æ¡ˆå†…も一瞬ã§å®Ÿè£…ã§ãã‚‹jQueryプラグイン「jGmapsã€:phpspot開発日誌
jGmaps | jQuery Plugins Googleマップを使ã£ãŸçµŒè·¯æ¡ˆå†…も一瞬ã§å®Ÿè£…ã§ãã‚‹jQueryプラグイン「jGmaps〠必è¦ãªãƒ©ã‚¤ãƒ–ラリをèªã¿è¾¼ã‚“ã§ã€æ¬¡ã®ã‚ˆã†ã«jgmapsメソッドを呼ã³å‡ºã™ã¨Googleマップã«ã‚ˆã‚‹çµŒè·¯æ¡ˆå†…ã®åœ°å›³ã¨æ–‡å—ã«ã‚ˆã‚‹æ¡ˆå†…æƒ…å ±ãŒå‡ºã¾ã™ã€‚ $('#mapa').jgmaps( { width: 300, height: 300, directions:{ address: ['æ±äº¬éƒ½æ–°å®¿åŒº', 'æ±äº¬éƒ½æ¸¯åŒº'], usePanel: true, panelId: 'panelDirections' } } ); 次ã®ã‚ˆã†ã«ã€çµŒè·¯ãŒåœ°å›³ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ æ–‡å—ã«ã‚ˆã‚‹æ¡ˆå†…æƒ…å ±ã‚‚è¡¨ç¤ºã§ãã¾ã™ã€‚ ä¼šç¤¾æ¡ˆå†…ã‚„ä¼šå ´æ¡ˆå†…ãªã‚“ã‹ã‚‚ã“ã‚Œã§é€Ÿæ”»å®Ÿè£…ã§ããã†ã§ã™ã。 ダウンãƒãƒ¼ãƒ‰ã§ãるサンプルをã„ã˜ãã£ã¦ã¿ã¾ã—ょã†ã€‚ 地åã«æ—¥æœ¬ã®å ´æ‰€ã‚’æ¼¢å—ã§ä½¿ã†å ´åˆã€æ–‡å—コードã¯UTF-
40分ã§è¦šãˆã‚‹ï¼jQuery速習講座 (1/6)
ã„ã¾ã‚„Web制作ã«æ¬ ã‹ã›ãªããªã£ãŸJavaScript。ã§ã‚‚ã€ã€ŒJavaScriptã¯ã»ã¨ã‚“ã©â€œã‚¢ãƒªãƒ¢ãƒŽâ€ã§æ¸ˆã¾ã›ã¦ã„ã‚‹ã€ã¨ã„ã†æ–¹ã‚‚多ã„ã®ã§ã¯ï¼Ÿ ãã“ã§ã€Webデザイナーやマークアップエンジニアãªã©ã®Web制作者ã®æ–¹å‘ã‘ã«ã€ã„ã¾ä¸€ç•ªäººæ°—ã®JavaScriptライブラリー「jQueryã€ã®åŸºæœ¬ã‚’å¦ã¹ã‚‹ç‰¹åˆ¥ãƒ¬ãƒƒã‚¹ãƒ³ã‚’ãŠå±Šã‘ã—ã¾ã™ã€‚é¡Œã—ã¦ã€ã€Œ40分ã§è¦šãˆã‚‹jQueryã€ã€‚è¦ç‚¹ã ã‘ã«ãŽã‚…ã£ã¨çµžã£ã¦è§£èª¬ã—ã¾ã™ã®ã§ã€æ‰‹ã‚’å‹•ã‹ã—ãªãŒã‚‰ä»Šã™ãjQueryを始ã‚ã¾ã—ょã†ã€‚ ã€0分目：導入編】 jQueryã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¨åˆ©ç”¨æ–¹æ³• jQueryã®ãƒ©ã‚¤ãƒ–ラリー本体（JavaScriptファイル）ã¯å…¬å¼ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã€headè¦ç´ ãªã©ã«scriptè¦ç´ を書ã„ã¦èªã¿è¾¼ã¿ã¾ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
æ— æ³•è®¿é—®æ¤ç½‘ç«™
HugeDomains.com
http://onehackoranother.com/projects/jquery/droppy/
{{#tags}}- {{label}}
{{/tags}}