jquery.deviantartmuro by deviantART
jQuery plugin for embedding the HTML5 drawing app, deviantART muro, on your site. Download .zip Download .tar.gz View on GitHub jquery.deviantartmuro is a jQuery plugin to provide a convenient wrapper around the embedding API for the deviantART muro HTML5 drawing application, allowing you to provide image drawing and editing within third-party sites. Embedding deviantART muro in your site allows y
1216彩票-官网平å°
您ä¸å…·å¤‡ä½¿ç”¨æ‰€æ供的å‡æ®æŸ¥çœ‹è¯¥ç›®å½•æˆ–页的æƒé™ã€‚ 请å°è¯•ä»¥ä¸‹æ“作： 如果您认为自己应该能够查看该目录或页é¢ï¼Œè¯·ä¸Žç½‘站管ç†å‘˜è”系。 å•å‡»åˆ·æ–° 按钮，并使用其他å‡æ®é‡è¯•ã€‚ HTTP 错误 401.1 - 未ç»æŽˆæƒï¼šè®¿é—®ç”±äºŽå‡æ®æ— 效被拒ç»ã€‚ Internet ä¿¡æ¯æœåŠ¡ (IIS) 技术信æ¯ï¼ˆä¸ºæŠ€æœ¯æ”¯æŒäººå‘˜æ供） 转到 Microsoft 产å“支æŒæœåŠ¡ 并æœç´¢åŒ…括“HTTP â€å’Œâ€œ401 â€çš„æ ‡é¢˜ã€‚ 打开“IIS 帮助â€ï¼ˆå¯åœ¨ IIS 管ç†å™¨ (inetmgr) ä¸è®¿é—®ï¼‰ï¼Œç„¶åŽæœç´¢æ ‡é¢˜ä¸ºâ€œèº«ä»½éªŒè¯â€ã€â€œè®¿é—®æŽ§åˆ¶â€å’Œâ€œå…³äºŽè‡ªå®šä¹‰é”™è¯¯æ¶ˆæ¯â€çš„主题。
HTML5 × CSS3 × jQueryを真é¢ç›®ã«å‹‰å¼· – #7 jQueryã®ã‚»ãƒ¬ã‚¯ã‚¿APIã«ã¤ã„ã¦è©³ã—ã | DevelopersIO
ãã‚“ãªè¨³ã§ã€æ™®æ®µä½•æ°—ãªã使ã£ã¦ã„ã‚‹jQueryã§ã™ãŒã€ãã®ã‚»ãƒ¬ã‚¯ã‚¿APIã«ã¤ã„ã¦å¤šå°‘ã¯çŸ¥ã£ã¦ãŠã„ãŸã»ã†ãŒè‰¯ã„よãªã¨ã„ã†ã“ã¨ã§ã€ã„ãらã‹èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ã‘ã£ã“ã†åœ°å‘³ãªå†…容ãªã®ã§ã€ã€Œã¸ãƒ¼ã€ãã‚“ãªé¢¨ã«ãªã£ã¦ã‚‹ã‚“ã ã…ã€ã¨è»½ãèªã¿æµã—ã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™å˜˜ã§ã™ã€‚割ã¨å¤§äº‹ãªå†…容ãªã®ã§ã€ã—ã£ã‹ã‚Šã¨æŠŠæ¡ã—ã¦ãŠãã®ãŒã‚ˆã‚ã—ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« - jQueryã®ã‚»ãƒ¬ã‚¯ã‚¿API jQueryã§ã¯ã€$('#hoge .fuga');ã¨ã„ã†ã‚ˆã†ã«CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚’用ã„ã¦HTMLè¦ç´ ã‚’å–å¾—ã—ã¾ã™ã€‚ã‚ã¾ã‚Šã«ã‚‚便利ãªæ©Ÿèƒ½ã§æ™®æ®µæ„è˜ã™ã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€å†…部ã§ã¯getElementById();ã¨ã„ã£ãŸãƒ–ラウザã®ãƒã‚¤ãƒ†ã‚£ãƒ–APIを駆使ã—ãŸã‚Šã€JavaScriptゴリゴリã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’呼ã³ã¾ãã£ã¦æŒ‡å®šã©ãŠã‚Šã®è¦ç´ ã‚’å–å¾—ã—ã¦ãã¦ã„ã‚‹ã‚ã‘ã§ã™ã€‚ã“ã†ã„ã£ãŸæ©Ÿèƒ½ã®ã“ã¨ã‚’セレクタAPIã¨å‘¼ã³ã¾ã™ã€‚ セレクタAPIã®å†…訳
[JS]ã¡ã‚‡ã£ã¨ã‹ã£ã“ã„ã„円グラフをウェブページã«ç°¡å˜ã«è¨ç½®ã§ãるスクリプト -EASY PIE CHART
シンプルãªHTMLã§ã€ã•ã¾ã–ã¾ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®å††ã‚°ãƒ©ãƒ•ãŒç°¡å˜ã«ä½œæˆã§ãã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ EASY PIE CHART [ad#ad-2] EASY PIE CHARTã®ä½¿ã„æ–¹ 実装ã¯ã€3ステップã§ã™ã€‚ Step 1: 外部ファイル 「jquery.jsã€ã¨å½“スクリプト・スタイルシートを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ 外部ファイルã¯head内ã«è¨˜è¿°ã—ã¦ãã ã•ã„。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="/path/to/jquery.easy-pie-chart.js"></script> <link rel="styl
様々ãªã‚°ãƒ©ãƒ•ã‚’æç”»ã§ãã‚‹JavaScriptライブラリ「NVD3.jsã€:phpspot開発日誌
NVD3.js :: re-usable charts for d3.js 様々ãªã‚°ãƒ©ãƒ•ã‚’æç”»ã§ãã‚‹JavaScriptライブラリ「NVD3.js〠d3.jsã¨ã„ã†ä»¥å‰ç´¹ä»‹ã—ãŸãƒ©ã‚¤ãƒ–ラリをベースã«åˆ©ç”¨ã—ã¦ã„ã‚‹ã¿ãŸã„。 グラフæç”»ã®ãƒ©ã‚¤ãƒ–ラリã¯è‰²ã€…ã‚ã‚Šã¾ã™ãŒã€ã“ã¡ã‚‰ã®ãƒ©ã‚¤ãƒ–ラリã§æç”»ã™ã‚‹ã‚°ãƒ©ãƒ•ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ãªã‹ãªã‹ã„ã„æ„Ÿã˜ã§ã™ã マウスã¨ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚°ãƒ©ãƒ•å®Ÿè£…ãŒå¯èƒ½ã§æ‹¡å¼µã‚‚容易ã¿ãŸã„ サンプルページã«ã¯ã‚½ãƒ¼ã‚¹ãŒã¤ã„ã¦ã„ã‚‹ã®ã§å‚考ã«çµ„ã‚ã°æŠµæŠ—ãªãグラフãŒæã‘ãã†ã§ã™ 関連エントリ 見ãŸç›®ãŒã‚¯ãƒ¼ãƒ«ãªã‚°ãƒ©ãƒ•æ画用jQueryプラグイン「Morris.js〠HTML5ã§ç¶ºéº—ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚°ãƒ©ãƒ•ãŒæã‘るライブラリ「Flotr2〠様々ãªæ™‚系列グラフをæç”»ã§ãã‚‹JavaScriptライブラリ「Rickshaw〠クールãªãƒ‰ã‚¢ãƒŽãƒ–風ã®ï¼…グラフをæç”»ã§ãã‚‹jQuery Knob
2011å¹´ã«é…ä¿¡ã—ãŸjQueryã‚„WordPressãªã©ã®Web制作å‘ã‘æƒ…å ±ãƒ»ç·ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
æ—©ã„ã‚‚ã®ã§ä»Šå¹´ã‚‚残ã™ã¨ã“ã‚ã‚ã¨ã‚ãšã‹ ã¨ãªã‚Šã¾ã—ãŸã€‚今年ã¯å¹´ã‚’ã¾ãŸã„ã§ä»•äº‹ ã—ãªã„ã¨ãªã‚‰ãªã„ã®ã§æ—©ã‚ã«ç·ã¾ã¨ã‚çš„ ãªè¨˜äº‹ã‚’書ã„ã¦ãŠãã¾ã™ã€‚ã¨è¨€ã£ã¦ã‚‚ 完全ã«è‡ªåˆ†ç”¨ã®ã¾ã¨ã‚ã§ã™ã®ã§ã”覧㫠ãªã£ã¦ã‚‚å½¹ã«ç«‹ãŸãªã„ã¨æ€ã„ã¾ã™ãŒï½— ã¨ã„ã†ã‚ã‘ã§ã€å¾Œã§å¾©ç¿’ã™ã‚‹ã®ã«ã€æŽ¢ã•ãªãã¦ã„ã„よã†ã«ã—ãŸã ã‘ã®è‡ªåˆ†ç”¨ãƒªãƒ³ã‚¯é›†ã§ã™ã€‚ jQueryã¨WordPressã«ã‚„ãŸã‚‰åã£ã¦ã¾ã™ã€‚éŽåŽ»è¨˜äº‹ã®ã¾ã¨ã‚ã§ã™ã®ã§ç›®æ–°ã—ã„ã‚‚ã®ã¯ä¸€åˆ‡ã‚ã‚Šã¾ã›ã‚“。 ãƒã‚¿ã¯çœã„ã¦ã¾ã™ã€‚ã‚ã¨ã€ç¨®é¡žã§ç´°ã‹ã分ã‘る気力ãŒæ®‹ã£ã¦ãªã„ã®ã§é †ä¸åŒã§ã™ã€‚ スマフォå‘ã‘ãŒå¤šã„ã®ã§ã‚¹ãƒžãƒ•ã‚©é–¢é€£ã¯â€»å°ã‚’振ã£ã¦ãŠãã¾ã—ãŸã€‚ 復習用ãªã®ã§ãƒªãƒ³ã‚¯ã¯å…¨ã¦å½“サイトã®è¨˜äº‹ã«ã—ã¦ã¾ã™ã€‚ä»–ã®æ–¹ã«ã¯äºŒåº¦æ‰‹é–“ã§ã™ãŒã”了承下ã•ã„ マウスを乗ã›ã‚‹ã¨ã‚ャプãƒãƒ£ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ 130個ãらã„ã§ã™ã€‚普段ã‹ã‚‰å°ãƒã‚¿ã°ã£ã‹ã‚Šãªã®ã§ãã‚“ãªæ„Ÿã˜ã®ã¾ã¨ã‚ã§ã™ã€‚ ã€è¿½è¨˜ã€‘（僕ãŒï¼‰ãƒªãƒ³ã‚¯è¦‹ã«ãã„ã®ã§è‰²ã‚’変ãˆ
jQueryåˆå¿ƒè€…å‘ã‘ã®åŸºç¤Žã‚’ã—ã£ã‹ã‚Šå¦ã¹ã‚‹ã‚µã‚¤ãƒˆ
ã€ï½ŠQueryã£ã¦ä½•ã‹ã‚‰jQueryã®åŸºæœ¬ã¾ã§ã€‘... / ã€jQueryã®ä½¿ã„æ–¹ã‹ã‚‰å‹•ä½œãƒ‡ãƒ¢ã¾ã§ã€‘jQue... / ã€jQueryã§ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‹ã‚‰ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã¾...ä»–...å…¨6件
2011å¹´ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸjQueryベストプラグイン「Best jQuery Plugins of 2011ã€
制作ã«ã¯éžå¸¸ã«ä¾¿åˆ©ãªjQueryプラグインã€ä¸–ç•Œä¸ã§åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ã ã‘ã«ã€æ—¥ã€…ã€æ§˜ã€…ãªjQueryプラグインãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ã¾ã™ã€‚今日紹介ã™ã‚‹ã®ã¯2011å¹´ã«å…¬é–‹ã•ã‚ŒãŸjQueryプラグインを寄りã™ãã£ãŸã¾ã¨ã‚「Best jQuery Plugins of 2011ã€ã§ã™ã€‚ Isotope 様々ãªjQueryプラグインãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€ä»Šæ—¥ã¯ãã®ä¸ã‹ã‚‰æ°—ã«ãªã£ãŸãƒ—ラグインを紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 詳ã—ãã¯ä»¥ä¸‹ Sausage é•·ã„ページを分æ–ã—ã¦ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼åŒ–ã—ã¦ãれるjQueryプラグイン arbor.js 相関的ã«ã‚ªãƒ–ジェクトを見ã›ã‚‰ã‚Œã‚‹jQueryプラグイン。空間感ãŒã‚ã‚‹å‹•ãも特徴的ã§ã™ã€‚ Supersized フルスクリーンã§å±•é–‹ã™ã‚‹ã‚µã‚¤ãƒˆã‚’構築ã§ãã‚‹jQueryプラグイン 様々ãªè¡¨ç¾ã‚’実ç¾ã§ãã‚‹jQueryプラグイン。WEB制作ã®ç¾å ´ã«ã„ã‚‹æ–¹ã¯æ˜¯éžã©ã†ãžã€‚WEB制作ã«ã¯æ¬ ã‹ã›
jQuery 1.7ã®æ›´æ–°å†…容をã¾ã¨ã‚ãŸã‚ˆã€‚ | Ginpen.com
jQuery 1.7ãŒå…¬é–‹ã•ã‚ŒãŸã®ã§ã€æ—©é€Ÿ1.6.xã‹ã‚‰ã®æ›´æ–°å†…容をã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ jQuery: » jQuery 1.7 Released （リリース記事） Version 1.7 – jQuery API （公å¼ãƒ‰ã‚ュメントã€1.7ã§å¤‰æ›´ãŒã‚ã£ãŸã‚‚ã®ã®ã¿ï¼‰ 1.7 all tickets – jQuery Core – Bug Tracker （1.7ã®å…¨ãƒã‚±ãƒƒãƒˆï¼‰ リリース記事ã®ç¿»è¨³ã˜ã‚ƒãªã„ã§ã™ã€‚ 主ãªå¤‰æ›´ç‚¹ 個人的ã«æ°—ã«ãªã£ãŸã‚‚ã®ã‚’ピックアップã—ã¦ã¿ã¾ã™ã‚ˆã€‚ æ—¢å˜ã® .bind()ã‚„ .live()ç‰ã«ç½®ãæ›ã‚ã‚‹ .on(), .off()ã‚’è¿½åŠ .bind(), .delegate(), .live()ãŒçµ±åˆã•ã‚Œã¾ã—ãŸã€‚（ã“れらも引ã続ã使用ã§ãã¾ã™ã€‚） →詳細後述ã—ã¾ã™ã€‚ toggleã¨.stop()ã®é€£æºã‚’改善 toggleç³»ã¨çµ„ã¿åˆã‚ã›ãŸéš›ã«ãŠã‹ã—ããªã£ã¦ã—ã¾ã†ã®ãŒæ”¹
覚ãˆã¦ãŠãã¨åœ°å‘³ã«ä¾¿åˆ©ã ã¨æ€ãˆã‚‹æ—¥ãŒæ¥ã‚‹ã‹ã‚‚ã—ã‚Œãªã„jQueryã®ã‚³ãƒ¼ãƒ‰ã‚¹ãƒ‹ãƒšãƒƒãƒˆä½•å€‹ã‹ - ã‹ã¡ã³ã¨.net
ã“ã‚Œãªã‚‰jQueryã˜ã‚ƒãªãã¦ã‚‚ã„ã„ã‚“ã˜ã‚ƒ ç„¡ã„ã‹ã€ã£ã¦ã„ã†è¨˜äº‹ã§ã™ã€‚çŸãã¦ä½¿ã„ ã‚„ã™ã„スニペットãªã‚“ã§ã™ãŒã€ã¾ã用途 ã¯äººãã‚Œãžã‚Œã ã¨æ€ã†ã®ã§é©å½“ã«æµã—㦠下ã•ã„。自分ãŒä½¿ã„ã‚„ã™ã„よã†ã«ã¾ã¨ã‚ ãŸã„ã ã‘ã§ã™ã€‚ ãã®ã‚³ãƒ¼ãƒ‰ãŠã‹ã—ã„ã‚ーã¿ãŸã„ãªã®ã‚ã£ãŸã‚‰ã™ã„ã¾ã›ã‚“。ã¾ããã®ç¨‹åº¦ã®è¨˜äº‹ã§ã™ã€‚ã¨ã„ã†ã‚ã‘ã§ã„ã‚ã„ã‚ã¨ãƒ„ッコミã©ã“ã‚満載ã‹ã‚‚ã§ã™ãŒã€ã‚ã‚“ã¾ã‚Šæ°—ã«ã—ãªã„ã§ä¸‹ã•ã„。ã˜ã‚ƒã‚記事書ããªã‚ˆã£ã¦è©±ã§ã™ã‘ã©ï½— デモã®è¦‹æ–¹ jsfiddleã¨ã„ã†ã‚µãƒ¼ãƒ“スを好んã§ã‚ˆã使ã†ã®ã§ã™ãŒã€ã‚ã¾ã‚Šè¦‹æ…£ã‚Œãªã„ã‹ã‚‚ãªã®ã§ä¸€å¿œãƒ‡ãƒ¢ã®è¦‹æ–¹ã‚’。上図ã®â—‹ã§å›²ã£ãŸéƒ¨åˆ†ã€Resultを押ã›ã°ãƒ‡ãƒ¢ç”»é¢ã«ã€å†ç”Ÿãƒœã‚¿ãƒ³ã§ãƒªãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ ç°¡å˜ãªã‚³ãƒ¼ãƒ‰ãªã®ã§å®Ÿè·µã§ä½¿ã†ã«ã¯ã‚‚ã†å°‘ã—工夫ãŒå¿…è¦ã§ã™ã€‚ã¾ãŸã€jQueryã®å‹‰å¼·ã«ã‚‚ãªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。jsfiddleã¯ãƒ•ã‚©ãƒ¼ã‚¯ã§ãã‚‹ã®ã§å®œã—ã‘ã‚Œã°æ”¹å–„や動作ã®å‹‰å¼·ç‰ã«ã”利用下ã•ã„。 ã“ã†ã„ã†ã‚¹ãƒ‹ãƒš
jQueryã ã‘使ã†ã®ãŒé¦¬é¹¿ã‚‰ã—ããªã‚‹ã€‚KnockoutJSã«è§¦ã‚Œã‚‹
ä¹…ä¿ç”°ã§ã™ã€‚最近KnockoutJSã¨ã„ã†JavaScriptフレームワークを勉強ã—ã¦ã„ã¾ã™ã€‚ KnouckoutJSã¯jQueryã®ä¸Šã«æ§‹ç¯‰ã•ã‚Œã¦ã„るフレームワークã§ã™ã€‚jQueryã®ã¿ä½¿ã†ã®ã¨æ¯”ã¹ã¦KnockoutJSを利用ã™ã‚‹ã¨ã€ã‚¦ã‚§ãƒ–ページ上ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’圧倒的ã«ç°¡å˜ã«è¨˜è¿°ã§ãã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€ç°¡å˜ã«KnockoutJSã®æ¦‚è¦ã‚’説明ã—ã€KnockoutJSを用ã„ãŸãƒ‡ãƒ¢ã‚’紹介ã—ã¾ã™ã€‚ ã“ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã®ç‰¹å¾´ã¨ã—ã¦ã‚ã‚‹ã®ã¯ã€HTML内ã«å®£è¨€çš„ãªè¨˜è¿°ã‚’埋ã‚込むã“ã¨ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãŒå®Ÿè£…ã§ãã‚‹ã“ã¨ã§ã™ã€‚HTML5ã®ã‚«ã‚¹ã‚¿ãƒ 属性(data*属性)を用ã„ã¦ã€ãã®è¦ç´ ã«é–¢ã™ã‚‹å‡¦ç†ã‚’宣言ã—ã¦ãã¾ã™ã€‚è£å´ã®å‡¦ç†ã¯ã€JavaScriptã§ViewModelを定義ã—ã€ãã“ã«ãƒ“ューãŒå¿…è¦ã¨ã™ã‚‹å€¤ã‚’管ç†ã—ã¾ã™ã€‚ 例ãˆã°ã€ã‚ã‚‹ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã«ãƒã‚§ãƒƒã‚¯ã‚’入れるã¨ä¸‹ã®è¦ç´ ãŒãƒˆã‚°ãƒ«ã™ã‚‹ç°¡å˜ãªä¾‹ã¯ã€ä»¥ä¸‹
リッãƒãªãƒ‰ãƒãƒƒãƒ—ダウンメニュー実装ãŒã§ãã‚‹jQueryプラグイン「Mega Drop Down Menuã€:phpspot開発日誌
リッãƒãªãƒ‰ãƒãƒƒãƒ—ダウンメニュー実装ãŒã§ãã‚‹jQueryプラグイン「Mega Drop Down Menu〠2011å¹´09月27æ—¥- jQuery Mega Drop Down Menu Plugin ? Downloads Design Chemical Lab リッãƒãªãƒ‰ãƒãƒƒãƒ—ダウンメニュー実装ãŒã§ãã‚‹jQueryプラグイン「Mega Drop Down Menuã€ã€‚ 次ã®ã‚ˆã†ãªå•†ç”¨ã‚µã‚¤ãƒˆã§ãã®ã¾ã‚“ã¾ä½¿ã£ã¦ã‚‚ã‹ãªã‚Šä¾¿åˆ©ã«ãªã‚Šãã†ãªãƒ‰ãƒãƒƒãƒ—ダウンメニューãŒä½œã‚Œã¾ã™ メニューãƒãƒ¼ã®ã‚«ãƒ©ãƒ¼ã¯è‰²ã€…é¸ã¹ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã®ã§ã‚µã‚¤ãƒˆã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã«ãƒžãƒƒãƒã—ãŸã‚‚ã®ã‚’使ã†ã“ã¨ãŒå‡ºæ¥ã¾ã™ åž‚ç›´ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚‚ã‚ã‚‹ã¿ãŸã„ã§ã™ ç”»åƒã‚‚組ã¿åˆã‚ã›ã‚‹ã“ã¨ã§åˆ†ã‹ã‚Šã‚„ã™ã„メニューãŒä½œã‚Œã¾ã™ã 関連エントリ スマフォã§ã‚‚イケã¦ã‚‹ã‚¯ãƒ¼ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ダウン実装jQueryプラグイン「DropKick〠Googleスタイルã®ã‚·ãƒ³ãƒ—
jQueryã§ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆå‘ã‘ã«ç”»åƒã‚µã‚¤ã‚ºã‚’縮å°ã™ã‚‹æ–¹æ³•
jQueryã§ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆå‘ã‘ã«ç”»åƒã‚µã‚¤ã‚ºã‚’縮å°ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ １．サンプル 次ã®ã‚ˆã†ãªPCサイト用ã®ãƒšãƒ¼ã‚¸ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®å ´åˆã€Movable Typeã§ãƒšãƒ¼ã‚¸ã‚’出力ã—ã¦ã„ã¾ã™ã€‚ページã§ä½¿ã£ã¦ã„る記事内ã®ç”»åƒã‚µã‚¤ã‚ºã¯å¹…470pxã§ã™ã€‚ ã“ã®ãƒšãƒ¼ã‚¸ã‚’スマホサイトå‘ã‘ã«åˆ¥ã®ãƒšãƒ¼ã‚¸ã‚’作りã€ç”»åƒã‚µã‚¤ã‚ºã‚’縮å°ã—ã¦è¡¨ç¤ºã—ã¾ã™ã€‚ç”»åƒã‚µã‚¤ã‚ºã¯å¹…280pxã«ç¸®å°ã—ã¦ã„ã¾ã™ã€‚ ２．カスタマイズ サイズを変更ã™ã‚‹ã«ã¯ã€ä¸‹è¨˜ã®ã‚¹ã‚¯ãƒªãƒ—トをページ内ã«ã‚ã‚‹head終了タグã®ç›´å‰ã«è¿½åŠ ã—ã¾ã™ã€‚ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script> <script type="text/javascript"> jQuery(function(){ $('img').each(functio
[JS]jQueryã®ãƒ—ラグイン33 1é¸ -2011å¹´7月 | コリス
jquery.transitions CSS transitionã®ã‚µãƒãƒ¼ãƒˆã‚’検出ã—ã€classベースã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’与ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
ã“ã‚Œã¯æ³¨ç›®ã®è¶…リッãƒãªUIを実装ã§ãã‚‹jQueryベースã®UIライブラリ「jQuery EasyUIã€:phpspot開発日誌
ã“ã‚Œã¯æ³¨ç›®ã®è¶…リッãƒãªUIを実装ã§ãã‚‹jQueryベースã®UIライブラリ「jQuery EasyUI〠2011å¹´07月19æ—¥- jQuery EasyUI - help you build your web page easily ã“ã‚Œã¯æ³¨ç›®ã®è¶…リッãƒãªUIを実装ã§ãã‚‹jQueryベースã®UIライブラリ「jQuery EasyUI〠Ext.jsã°ã‚Šã«ç¾Žã—ãã¦ãƒªãƒƒãƒãªUIã‚’jQueryã§ã‚‚実ç¾ã§ãã¡ã‚ƒã„ã¾ã™ã€‚ã•ã‚‰ã«ã€ä½¿ã„å‹æ‰‹ãŒjQueryãªã®ã§èª°ã§ã‚‚ç°¡å˜ã«å®Ÿè£…ã§ãã¡ã‚ƒã„ã¾ã™ã€‚Extã¯ãªã‚“ã¨ãªãå–ã£ä»˜ãã«ãã„ã¨æ„Ÿã˜ãŸã‹ãŸã‚‚ç°¡å˜ã«ä½¿ãˆãã†ã€‚ サイト上ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚„ドã‚ュメントも充実ã—ã¦ã„ã¦åˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ リッãƒãªã‚‚ã®ãŒä½œã‚Œã‚‹ã®ã¯ã„ã„ã‘ã©ä½¿ã„æ–¹ãŒé›£ã—ã‹ã£ãŸã‚Šãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹å¤§å¤‰ã ã¨ã€ä½¿ã†æ°—ãŒå°‘ã—失ã›ã¦ã—ã¾ã„ãã†ã§ã™ãŒã“ã‚Œãªã‚‰å¤§ä¸ˆå¤«ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 テーマやマルãƒãƒªãƒ³ã‚¬ãƒ«ã«ã‚‚対応ã—ã¦ã„るらã—
タブやアコーディオンãªã©ã€æ§˜ã€…ãªUI構築用ã®jQueryプラグイン30個以上をセットã«ã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ワーク・ jQuery EasyUI - ã‹ã¡ã³ã¨.net
普段ã‹ã‚‰ã‚ˆã見ã‹ã‘ã‚‹jQueryã«ã‚ˆã‚‹ タブやアコーディオンãªã©ã®UIã®æ§‹ç¯‰ を簡略化ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク・ jQuery EasyUIã®ã”紹介ã§ã™ã€‚プラグ インã¯30個以上ã‚ã‚Šã€ã©ã‚Œã‚‚シンプル ãªã‚‚ã®ã«ãªã£ã¦ã„ã¾ã™ã€‚ æ•°ã˜ã‚ƒæ•µã„ã¾ã›ã‚“ã‘ã©ã€Ext JSã®jQueryä¾å˜åž‹ã¿ãŸã„ãªå°è±¡ã§ã™ã€‚çµæ§‹æ˜”ã‹ã‚‰ã‚ã‚‹ã¿ãŸã„ãªã®ã§çŸ¥ã£ã¦ã‚‹æ–¹ã‚‚多ã„ã‹ã‚‚ã§ã™ã‘ã©ãƒ»ãƒ»ãƒ»æ¥ãšã‹ã—ãªãŒã‚‰æœ€è¿‘知ã£ãŸã®ã§ã€åƒ•ã¨åŒæ§˜ã«ã¾ã 知らãªã„æ–¹å‘ã‘ã«ã‚·ã‚§ã‚¢ã€‚ jQueryを使ã£ãŸã‚·ãƒ³ãƒ—ルãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’構築ã™ã‚‹ç‚ºã®ãƒ—ラグイン30数個をワンセットã«ã—ã¦ã„るフレームワークã§ã™ã€‚余計ãªæ©Ÿèƒ½ãŒä»˜ã„ã¦ã„ãªã„ã‚‚ã®ã°ã‹ã‚Šãªã®ã§ã‚«ã‚¹ã‚¿ãƒ ã—ã‚„ã™ã„ã®ã§ã¯ã€‚ コードã¯ãƒ‰ã‚ュメントã«å…¨éƒ¨æ›¸ã„ã¦ã‚ã‚Šã¾ã™ã®ã§å‰²æ„›ã—ã¾ã™ã€‚ プラグインã®ä¸€éƒ¨ã‚’ã”紹介ã—ã¾ã™ã€‚ Accordion é–‹é–‰ã™ã‚‹ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ Menu シンプルãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ Panel パ
ベーシックã§æ±Žç”¨æ€§ã®ã‚ã‚Šãã†ãªjQueryイメージスライダー・The Lof JSiderNews - ã‹ã¡ã³ã¨.net
クãƒã‚¹ãƒ–ラウザã«å¯¾å¿œã—ãŸãƒ™ãƒ¼ã‚·ãƒƒã‚¯ ã§æ±Žç”¨æ€§ã®ã‚ã‚Šãã†ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’ 実装出æ¥ã‚‹jQueryプラグインã®ã”紹介。 The Lof JSiderNewsã¯æ´¾æ‰‹ãªè£…飾も ç„¡ãã€ã‚·ãƒ³ãƒ—ルã§æ¬²ã—ã„機能ã¯æƒãˆ ã¦ãã‚Œã¦ã„ã‚‹å°è±¡ã§ã™ã€‚ ãªã‹ãªã‹ä½¿ã„ã‚„ã™ãã†ãªã®ã§å‚™å¿˜éŒ²ã€‚派手ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒçµæ§‹å¤šã„å°è±¡ã§ã™ãŒã€çµå±€æ™®é€šã®ã‚‚ã®ãŒä¸€ç•ªä½¿ã„ã‚„ã™ã„ã§ã™ã‚ˆã。派手ãªã®ã‚‚インパクトã‚ã£ã¦å¥½ãã§ã™ã‘ã©ï½— 今日ã®ãƒ—ラグインもクãƒã‚¹ãƒ–ラウザ対応ã§ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªã€æ±Žç”¨æ€§ã®ã‚るスライダーã§ã™ã€‚コーãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆã¨ç›¸æ€§ã„ã„ã‹ã‚‚ã§ã™ã。 サムãƒã‚¤ãƒ«ãŒãƒŠãƒ“ゲーションã¨ã—ã¦ä»˜ãã¾ã™ã€‚ç”»åƒã®ã‚¹ãƒ©ã‚¤ãƒ‰ã¨å…±ã«ã‚µãƒ ãƒã‚¤ãƒ«ã‚‚アニメーションスライドã—ã¾ã™ã€‚デモサイトã§ã¯1ã¤ã—ã‹ã‚ã‚Šã¾ã›ã‚“ã‘ã©ã€å®Ÿè£…出æ¥ã‚‹å½¢ã¯6種類ã‹ã‚‰é¸æŠžã§ãã¾ã™ã€‚IE6ã§ã‚‚IE7ã§ã‚‚å•é¡Œãªã動作ã—ã¾ã—ãŸã€‚※IE6ã®é€éŽå‡¦ç†ã¯åˆ¥é€”å¿…è¦ã§ã™ã€‚ デザインã¯6種 例ã¨ã—ã¦2ã¤ã‚ャプãƒãƒ£æ’®ã‚Š
ãŠçµµã‹ãã§CAPTCHAã§ãるよã†ã«ã™ã‚‹jQueryプラグイン「MotionCAPTCHAã€:phpspot開発日誌
MotionCAPTCHA ? Stop Spam, Draw Shapes - Joss Crowcroft ãŠçµµã‹ãã§CAPTCHAã§ãるよã†ã«ã™ã‚‹jQueryプラグイン「MotionCAPTCHAã€ãŒãªã‹ãªã‹ã™ã”ã„ã§ã™ã€‚ フォーム下ã«ç·šç”»ã‚’用æ„ã—ã¦ãŠã„ã¦ã€ãれをマウスã§ãªãžã£ã¦Validateã™ã‚‹ã¿ãŸã„ã§ã™ã€‚ 次ã®ã‚ˆã†ã«ãªãžã£ã¦æ£ã—ã„å½¢ã ã¨ãƒ‘スã§ãã¾ã™ å½¢ãŒãƒžãƒƒãƒã—ã¦ã„ãªã„ã¨ã‚„ã‚Šç›´ã—ã«ãªã‚Šã¾ã™ã€‚ å¿…è¦ãªãƒ©ã‚¤ãƒ–ラリをèªã¿è¾¼ã‚“ã§ãƒ«ãƒ¼ãƒ«é€šã‚Šã«HTMLを記述ã™ã‚Œã° $('#form-id').motioncaptcha(); ã§åˆæœŸåŒ–ãŒå¯èƒ½ã§ã™ã€‚ 内部的ã«ã©ã®ãらã„強固ã«ãªã£ã¦ã„ã‚‹ã‹ã¯èª¿ã¹ã¦ã„ã¾ã›ã‚“ãŒã€ãƒãƒœãƒƒãƒˆã«å…¥åŠ›ã•ã›ã‚‹ã®ã¯ã¡ã‚‡ã£ã¨é›£ã—ãã†ã§ã™ã。 関連エントリ iPhoneã®ãƒãƒƒã‚¯è§£é™¤é¢¨UIã§CAPTCHAã™ã‚‹jQueryプラグイン「QapTcha〠PHPã¨GDを使ã£ã¦Captchaã‚’
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
[JS]jQueryã®ãƒ—ラグイン33+1é¸ -2012å¹´1月
{{#tags}}- {{label}}
{{/tags}}