Owl Carousel
How To Use 1. Load jQuery and include Owl Carousel plugin files To use Owl Carousel, you’ll need to make sure both the Owl and jQuery 1.7 or higher scripts are included. <!-- Important Owl stylesheet --> <link rel="stylesheet" href="owl-carousel/owl.carousel.css"> <!-- Default Theme --> <link rel="stylesheet" href="owl-carousel/owl.theme.css"> <!-- jQuery 1.7+ --> <script src="jquery-1.9.1.min.js"
» スマホã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’ç¦æ¢ã•ã›ã‚‹æ–¹æ³• | negic
軽ã‚ã®jQuery Advent Calendar 2012ã®24日目ã®è¨˜äº‹ã§ã™ï¼ PCサイトã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’ç¦æ¢ã•ã›ã‚‹ã«ã¯ã€bodyã«overflow: hidden;ã‚’ã‹ã‘ã‚Œã°ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒã§ããªããªã‚‹ãŒã€ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã§ã¯ã€ä¸€éƒ¨Android端末ã§ã¯åŠ¹ããŒã€iOSã§ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ スマホã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’æ¢ã‚ã‚‹ã«ã¯ã€jQueryを使ã†ã¨ä¾¿åˆ©ã§ã™ã€‚ スマホã®ç‹¬è‡ªã‚¤ãƒ™ãƒ³ãƒˆã§ã‚ã‚‹ã€touchmoveイベントを切れã°ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’æ¢ã‚ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 方法ã¯ä¸‹è¨˜ã®ã¨ãŠã‚Šã§ã™ã€‚ $(window).on('touchmove.noScroll', function(e) { e.preventDefault(); }); ã‚るタイミングã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ãŸããªã£ãŸã‚‰ã€off()ã™ã‚Œã°ã„ã„。 $(window).off('.noScroll'); イベントåã«ã€.noScrollã¨ã‚ã‚‹ãŒã€
jQueryUIã®sortableã‚’iPhone/iPadã§ä½¿ã†ã¨ãã«ãƒžãƒ«ãƒã‚¿ãƒƒãƒã‚’無効化ã™ã‚‹æ–¹æ³• - tech-kazuhisa's blog
jQueryUIã®sortableã£ã¦ä¾¿åˆ©ã§ã™ã‚ˆã。ã§ã‚‚ã€iPhoneã‚„iPadã ã¨ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã‚’ã†ã¾ã検出ã—ã¦ãã‚Œãšãã®ã¾ã¾ã§ã¯å‹•ä½œã—ã¾ã›ã‚“。 ãã“ã§jQuery ã® sortable ã‚’ iPad 対応ã™ã‚‹ã§ç´¹ä»‹ã•ã‚Œã¦ã„るよã†ã«ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã‚’マウスイベントã«ç½®ãæ›ãˆã¦å‹•ä½œã•ã›ã‚‹æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ function dispatchMouseEvent( event_type, touch_event ){ var simulatedEvent = document.createEvent("MouseEvent"); simulatedEvent.initMouseEvent( event_type, true, true, window, 1, touch_event.screenX, touch_event.screenY, touch_event.clientX, touch_
Fullscreen Gallery with Thumbnail Flip | Codrops
In this tutorial we will create a fullscreen gallery with jQuery. The idea is to have a thumbnail of the currently shown fullscreen image on the side that flips when […] In this tutorial we will create a fullscreen gallery with jQuery. The idea is to have a thumbnail of the currently shown fullscreen image on the side that flips when navigating through the images. The big image will slide up or do
çµå±€jQuery.Deferredã®ä½•ãŒå¬‰ã—ã„ã®ã‹åˆ†ã‹ã‚‰ãªã„ã€ã¨ã„ã†äººå‘ã‘ã®å°è©± - Qiita
çµå±€jQuery.Deferredã®ä½•ãŒå¬‰ã—ã„ã®ã‹åˆ†ã‹ã‚‰ãªã„ã€ã¨ã„ã†äººå‘ã‘ã®å°è©± 一年ã»ã©å‰ã« JavaScript - jQuery.Deferredを使ã£ã¦æ¥½ã—ã„éžåŒæœŸç”Ÿæ´»ã‚’é€ã‚‹æ–¹æ³• - Qiita [ã‚ータ] ã¨ã„ã†è¨˜äº‹ã‚’書ãã¾ã—ãŸã€‚ ã§ã€ä¸€å¹´çµŒã£ã¦ã€ãµã¨ã€ã€Œã‚‚ã£ã¨åˆ†ã‹ã‚Šã‚„ã™ãjQuery.Deferredã®ä¾¿åˆ©ã•ã‚’説明ã§ãã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã€ã¨æ€ã„ç«‹ã£ã¦ã–ã–ã–ã£ã¨æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ å°è©±ã¨è¨€ã†ã«ã¯ã¡ã‚‡ã£ã¨é•·ã„ã‘ã©ã€‚ -- jQuery.Deferredを使ã†ã¨å¬‰ã—ã„ã®ã¯ã€jQuery.Deferredã®ä»•æ§˜ã‚’満ãŸã™éƒ¨å“åŒå£«ã‚’ç°¡å˜ã«çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ãŒå¯èƒ½ã ã‹ã‚‰ã§ã™ã€‚ä¸ã«ã¯å‡¦ç†ã‚’書ã下ã™ã“ã¨ãŒã§ãã‚‹ã¨ã‹ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã®ãƒã‚¹ãƒˆã‚’防ã’ã‚‹ã®ãŒã„ã„ã¨ã‹è¨€ã†äººã‚‚ã„ã¾ã™ãŒã€å€‹äººçš„ã«ã“ã£ã¡ã®ã»ã†ãŒã‚ˆã£ã½ã©é‡è¦ã ã¨æ„Ÿã˜ã¾ã™ã€‚ 例ãˆã‚‹ãªã‚‰ãƒ¬ã‚´ãƒ–ãƒãƒƒã‚¯ã§ã™ã€‚レゴブãƒãƒƒã‚¯ã¯ã‚ã®å‡¸ã¨å‡¹ã‚’æŒã£ã¦ã‚‹ãƒ–ãƒãƒƒã‚¯ã‚’自由ã«çµ„ã¿åˆ
jQueryプラグインã®ãƒ†ã‚¹ãƒˆã‚’複数ã®jQueryã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§å®Ÿè¡Œã™ã‚‹ - Webtech Walker
Travis CI㯠language: node_js node_js: - 0.10 - 0.8 - 0.6 ã¨ã‹æ›¸ã‘ã°è¤‡æ•°ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ãƒ†ã‚¹ãƒˆå®Ÿè¡Œã—ã¦ãã‚Œã¦ãƒžã‚¸ã™ã”ã„ã‚“ã ã‘ã©ã€åŒã˜ã“ã¨ã‚’jQueryã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚‚ã‚„ã£ã¦ã¿ãŸã€‚ 主ã«jQueryã®ãƒ—ラグインを書ã„ã¦ã‚‹å ´åˆãªã©ã«ä¾¿åˆ©ã ã¨æ€ã†ã€‚1.9ã§éžäº’æ›ãªå¤‰æ›´ãŒã‚ã£ãŸã‚“ã§ãƒãƒ¼ã‚¸ãƒ§ãƒ³é•ã†ã¨ãƒ—ラグイン動ã‹ãªã„ã¨ã‹ã‘ã£ã“ã†ã‚ã‚‹ã‹ã‚‰ã。 ã¾ãšmocha-phantomjsを使ã£ã¦mochaã§æ›¸ã„ãŸãƒ†ã‚¹ãƒˆã‚’phantomjsã§å‹•ãよã†ã«ã™ã‚‹ã€‚ jQueryã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯mocha-phantomjsã«ç’°å¢ƒå¤‰æ•°ã§æ¸¡ã—ãŸã„ã‚“ã ã‘ã©ã€mocha-phantomjsã¯ç’°å¢ƒå¤‰æ•°ã‚’ブラウザã«æ¸¡ã›ã‚‹ã‚ˆã†ã«ãªã£ã¦ãªã‹ã£ãŸã®ã§ã€ãƒ‘ッãƒæ›¸ã„ãŸã®ã§ã²ã¨ã¾ãšãã£ã¡ã‚’使ã†ã€‚（Pull Requestã¯é€ã£ã¨ã„ãŸã®ã§å–ã‚Šè¾¼ã¾ã‚ŒãŸã‚‰ãã£ã¡ä½¿ã„ã¾ã—ょã†ï¼‰ （追記：å–ã‚Šè¾¼ã¾ã‚ŒãŸ
selectをカッコよãã—ã¦ãれるjQueryプラグイン「Minimalectã€:phpspot開発日誌
Minimalect by groenroos selectをカッコよãã—ã¦ãれるjQueryプラグイン「Minimalect〠次ã®ã‚ˆã†ã«$("select").minimalect() ã®ã‚ˆã†ã«æ›¸ãã ã‘ã§ã‚«ãƒƒã‚³ã‚ˆãスタイリングã§ãã¾ã™ï¼ˆå¿…è¦ãƒ©ã‚¤ãƒ–ラリã®äº‹å‰èªã¿è¾¼ã¿ãŒå¿…è¦ï¼‰ Bootstrapã¨ä¸€ç·’ã«ã¤ã‹ã£ã¦ã‚‚よã•ãã†ã§ã™ã 関連エントリ Bootstrapã®selectをカッコよãã§ãる「Bootstrap-select〠selectボックスをインクリメンタル検索å¯èƒ½ã«æ©Ÿèƒ½æ‹¡å¼µã§ãã‚‹jQueryプラグイン「zelect〠selectボックスをリッãƒã‹ã¤ã‚¯ãƒ¼ãƒ«ã«ã§ãã‚‹jQueryプラグイン「jAutochecklist〠selectボックスをiPhoneã®On/Offスイッãƒã£ã½ãã§ãã‚‹jQueryプラグイン「switchyã€
Jqueryã§ãƒ†ãƒ¼ãƒ–ルã®è¡Œã‚’ドラッグ＆ドãƒãƒƒãƒ—ã§ä¸¦ã³æ›¿ãˆã‚‹ | SHINGO IRIE
テーブルã®è¡Œã‚’自由ã«ä¸¦ã³æ›¿ãˆã‚‹æ©Ÿèƒ½ã‚’è¿½åŠ ã§ãる「Table Drag and Drop JQuery pluginã€ã¨ã„ã†ç´ 晴らã—ã„Jqueryプラグインを見ã¤ã‘ã¦ã€ä½¿ã£ã¦ã¿ã¾ã—ãŸã€‚ 今回ã¯ã“ã®ãƒ—ラグインを使ã£ã¦ã€CloudPaper内ã®è¦‹ç©ãƒ»è«‹æ±‚書作æˆã®ã‚·ãƒ¼ãƒ³ã«ã¦ã€é …目をドラッグ＆ドãƒãƒƒãƒ—ã§ä¸¦ã³æ›¿ãˆãŒã§ãるよã†ã«æ”¹è‰¯ã—ã¾ã—ãŸã€‚ テーブルã®è¡Œã‚’ç›´æ„Ÿçš„ã«ä¸¦ã³æ›¿ãˆã§ãã‚‹ 今回ã¯ã“ã®ã‚ˆã†ã«è¦‹ç©é …目をドラッグ＆ドãƒãƒƒãƒ—ã§ä¸¦ã³æ›¿ãˆã§ãるよã†ã«ã—ã¦ã¿ã¾ã—ãŸã€‚今回ã®ãƒ—ラグインを使ã‚ãªã„方法ã¨ã—ã¦ã¯ã€ä¾‹ãˆã°é †ç•ªã®å…¥åŠ›æž ã‚’è¨ã‘ã¦ã€æ•°å—ã§ä¸¦ã³æ›¿ãˆã‚‹æ©Ÿèƒ½ã‚’作ã£ãŸã‚Šã—ãªã„ã¨ã„ã‘ã¾ã›ã‚“ãŒã€æ™‚é–“ã‚‚ã‹ã‹ã‚Šã¾ã™ã—ã€ä½¿ã„ã¥ã‚‰ã„ã‚‚ã®ã¨ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ 使ã„æ–¹ã¾ãšã€Jqueryã¨ã¨ã‚‚ã«ã€ŒTable Drag and Drop JQuery pluginã€ã‚’ダウンãƒãƒ¼ãƒ‰ã—ã¦èªã¿è¾¼ã¿ã¾ã™ã€‚ <script type="text/
è¦ç´ ã‚’Photoshopã®ã€Œã¼ã‹ã—ã€ãƒãƒªã«ã¼ã‹ã™ã“ã¨ãŒã§ãã‚‹jQueryプラグイン「Vague.jsã€:phpspot開発日誌
è¦ç´ ã‚’Photoshopã®ã€Œã¼ã‹ã—ã€ãƒãƒªã«ã¼ã‹ã™ã“ã¨ãŒã§ãã‚‹jQueryプラグイン「Vague.js〠2013å¹´06月27æ—¥- Vague.js è¦ç´ ã‚’Photoshopã®ã€Œã¼ã‹ã—ã€ãƒãƒªã«ã¼ã‹ã™ã“ã¨ãŒã§ãã‚‹jQueryプラグイン「Vague.jsã€ã€‚ 次ã®ã‚ˆã†ã«é€šå¸¸ã®è¦ç´ ã‚’SVGフィルタを使ã£ã¦ã¼ã‚“ã‚„ã‚Šã€ã¼ã‹ã™ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚対応ã™ã‚‹ãƒ–ラウザã¯é™ã‚‰ã‚Œã¾ã™ãŒã€ãƒ–ラウザã ã‘ã§å‡ºæ¥ã‚‹ã¨ã„ã†ã®ãŒã„ã„ã§ã™ã パラメータã§ã¼ã‹ã—強度をé¸ã¹ãŸã‚Šã‚‚ã—ã¾ã™ã€‚ 実装サンプルコードã§ã™ã€‚ è¿‘ã„å°†æ¥ã€ç”»åƒç·¨é›†ã‚½ãƒ•ãƒˆã§ä»Šã‚„ã£ã¦ã‚‹ã‚ˆã†ãªã“ã¨ã¯æ®†ã©ãƒ–ラウザ上ã§ã€ã‚¹ã‚¯ãƒªãƒ—トã§å‹•çš„ã«å®Ÿç¾å‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚‹ã‚“ã§ã—ょã†ã。 関連エントリ Flipboard風エフェクトをブラウザ上ã§å®Ÿç¾ã™ã‚‹ãŸã‚ã®jQueryプラグイン「flip〠jQueryã§ãƒ•ãƒªãƒƒãƒ—エフェクトを使ã£ãŸè‰¯ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ã‚µãƒ³ãƒ—ãƒ«é›†ï¼‘ï¼ ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒè‰²ã€…é¸ã¹ã‚‹ã‚¤ãƒ¡ãƒ¼
HTML5＆CSS3ãªã‚¯ãƒ¼ãƒ«ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãŒè‰¯ã„æ„Ÿã˜ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼å®Ÿè£…jQueryプラグイン「least.jsã€:phpspot開発日誌
least.js - Random & Responsive HTML 5, CSS3 Gallery with LazyLoad HTML5＆CSS3ãªã‚¯ãƒ¼ãƒ«ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãŒè‰¯ã„æ„Ÿã˜ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼å®Ÿè£…jQueryプラグイン「least.js〠ページを大ãã使ã£ãŸè¿«åŠ›ã®ã‚るギャラリーを実装ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ レスãƒãƒ³ã‚·ãƒ–ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼å®Ÿè£…ã®éš›ã®é¸æŠžè‚¢ã¨ã—ã¦è¦šãˆã¦ãŠã„ã¦ã‚‚よã„ã‹ã‚‚ 関連エントリ ç”»åƒã‚’細長切りã«ã—ãŸã‚ªã‚·ãƒ£ãƒ¬ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’作れるjQueryプラグイン「Stripte〠レスãƒãƒ³ã‚·ãƒ–ãªç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ãŒä½œæˆã§ãã‚‹jQueryプラグイン Googleç”»åƒæ¤œç´¢ã£ã½ã„ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ãŒä½œã‚Œã‚‹jQueryプラグイン「Superbox〠ギャラリーã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ç‰ã€è¤‡æ•°ç”»åƒã®è¦‹ã›æ–¹ã‚’色々æä¾›ã™ã‚‹jQueryプラグイン「Rondell〠美ã—ã„SVG背景パターンギャラリー「SVG Patt
Flipboard風エフェクトをブラウザ上ã§å®Ÿç¾ã™ã‚‹ãŸã‚ã®jQueryプラグイン「flipã€:phpspot開発日誌
Jquery-flip Flipboard風エフェクトをブラウザ上ã§å®Ÿç¾ã™ã‚‹ãŸã‚ã®jQueryプラグイン「flipã€ã€‚ 次ã®ã‚ˆã†ã«ã€ç¸¦ã«ã‚‚横ã«ã‚‚ページをã‚ãる風ã®UIãŒä½œã‚Œã¾ã™ã€‚アプリ程ã§ã¯ãªã„ã«ã›ã‚ˆã€é¢ç™½ã„エフェクトãŒãƒ–ラウザ上ã§ä½œã‚Œã‚‹ã®ã¯ã„ã„ã§ã™ã 使ã„方次第ã ã¨ã¯æ€ã„ã¾ã™ãŒã€ï¼‘ã‹ã‚‰ä½œã‚ã†ã¨ã™ã‚‹ã¨å¤§å¤‰ãã†ãªã®ã§è¦šãˆã¦ãŠãã¨ã‚ˆã•ãㆠ関連エントリ １ページ内ã§è¤‡æ•°ãƒšãƒ¼ã‚¸ã«åˆ†å‰²ã§ãã‚‹jQueryプラグイン「windows〠マスクを使ã£ãŸãŠæ´’è½ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒä½œã‚Œã‚‹jQueryプラグイン「Maskify Slider〠レスãƒãƒ³ã‚·ãƒ–ãªã‚«ãƒãƒ¼ãƒ•ãƒãƒ¼ã£ã½ã„スライドショーãŒä½œã‚Œã‚‹jQueryプラグイン「Flipster〠レスãƒãƒ³ã‚·ãƒ–ã§ã‚¿ãƒƒãƒå¯¾å¿œãªè»½é‡ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å®Ÿè£…jQueryプラグイン「Unslider〠テーブル内容を入力値ã§ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°ã§ãã‚‹jQueryプラグイン「FilterTable
jQueryã§ãƒ•ãƒªãƒƒã‚¯ï¼ã‚¹ãƒ¯ã‚¤ãƒ—動作ã®ç”»åƒã‚¹ãƒ©ã‚¤ãƒ‰ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’作æˆã™ã‚‹å®Ÿé¨“｜BLACKFLAG
iPhoneã‚„iPadã€Androidã¨ã„ã£ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„タブレット端末ã§ã¯ フリックï¼ã‚¹ãƒ¯ã‚¤ãƒ—ã¨å‘¼ã°ã‚Œã‚‹æŒ‡ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹UIãŒä»˜ã物ã«ãªã£ã¦ã„ã¾ã™ã€‚ jQueryã§ã‚‚ã“ã®ãƒ•ãƒªãƒƒã‚¯ï¼ã‚¹ãƒ¯ã‚¤ãƒ—動作を実装ã§ãるプラグインã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ãŒ ã„ã–自分ã§ä½œã‚ã†ã¨ã™ã‚‹ã¨æ„外ã¨å¤§å¤‰ãªå‹•ä½œã ã£ãŸã‚Šã—ã¾ã™ã€‚ ã“ã®å‹•ä½œã«ã¤ã„ã¦ã„ã‚ã„ã‚調ã¹ã¦ã„ãŸã¨ã“ã‚ Sleipnirã®ãƒ•ã‚§ãƒ³ãƒªãƒ«ã•ã‚“ã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーズブãƒã‚°ã«ã¦ã€ iPhone/Android/PC 対応。jQuery ã§æ›¸ãタッãƒã‚¤ãƒ™ãƒ³ãƒˆ (フェンリル | デベãƒãƒƒãƒ‘ーズブãƒã‚°) ã¨é¡Œã—ãŸã€jQueryã§iPhoneã‚„Androidã€PCã§ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã‚’å–å¾—ã™ã‚‹æ–¹æ³•ãŒã¨ã¦ã‚‚å‚考ã«ãªã£ãŸã®ã§ ã“ã®è¨˜äº‹ã‚’å‚考ã«ã—ã¦ãƒ•ãƒªãƒƒã‚¯ï¼ã‚¹ãƒ¯ã‚¤ãƒ—ã§æ“作ã™ã‚‹ã‚·ãƒ³ãƒ—ルãªç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’作ã£ã¦ã¿ã¾ã—ãŸã€‚ ã¾ãšã¯å‹•ä½œã‚µãƒ³ãƒ—ルã‹ã‚‰ã€‚ 下記ã®ç”»åƒã‚’フリックï¼ã‚¹ãƒ¯ã‚¤ãƒ—ã—ã¦ã¿ã¦ãã
PCã§ã‚‚スマホã§ã‚‚スワイプã§ç”»åƒãŒé…れるスライドショー実装jQueryプラグイン「Swipeshowã€:phpspot開発日誌
Swipeshow: the unassuming touch-enabled slideshow JavaScript library PCã§ã‚‚スマホã§ã‚‚スワイプã§ç”»åƒãŒé…れるスライドショー実装jQueryプラグイン「Swipeshow〠次ã®ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã€ã‚¹ãƒ¯ã‚¤ãƒ—ã§ç”»åƒãŒé…れるスライドショーãŒå®Ÿè£…ã§ãã¾ã™ ç”»åƒã ã‘ã§ãªãã€HTMLを埋ã‚込むã“ã¨ã‚‚å¯èƒ½ã€‚主ã«ã‚¹ãƒžãƒ›ç”¨ã¨ã—ã¦ä¾¿åˆ©ã«ä½¿ãˆãã†ã§ã™ã€‚自動å†ç”Ÿç‰å¿…è¦ãªæ©Ÿèƒ½ã¯æƒã£ã¦ã„ã¾ã™ é¸æŠžè‚¢ã®ä¸€ã¤ã¨ã—ã¦è€ƒãˆã¦ã‚‚良ã„ã‹ã‚‚ 関連エントリ スワイプã§ãã‚‹LightBox実装jQueryプラグイン「Swipebox〠軽é‡ã®ã‚¹ãƒ¯ã‚¤ãƒ—å¯èƒ½ãªã‚¹ãƒžãƒ›ç”¨ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼JS「SwipeJSã€
jQueryå…¬å¼ãƒ—ラグイン・レジストリãŒå…¬é–‹ã€‚GitHubã¨é€£æºãªã©ã€ä»Šé¢¨ã®ä»•çµ„ã¿ã«æƒšã‚Œæƒšã‚Œ
白石 ä¿Šå¹³ ニュース jquery 0 Comment 2013å¹´1月17æ—¥ã€jQuery「公å¼ã€ã®ãƒ—ラグイン・レジストリ（プラグインã®é›†ç©å ´ï¼‰ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸï¼ URLã¯ã“ã¡ã‚‰ã«ãªã‚Šã¾ã™ã€‚ http://plugins.jquery.com/ ã“ã®ãƒ—ラグイン・レジストリã®ç›®çš„ã¯ã€å¾“æ¥ã®ãƒ—ラグインサイトã§ã¯è§£æ±ºã§ããªã‹ã£ãŸã€ã€Œæ–片化ã€ã¨ã€Œé…布ã€ã®å•é¡Œã‚’解決ã™ã‚‹ã“ã¨ã ãã†ã§ã™ã€‚ 「æ–片化ã€ãƒ»ãƒ»ãƒ»ã€ŒjQuery プラグインãŒWeb上ã®è‡³ã‚‹æ‰€ã«ã‚ã‚Šã€æŽ¢ã™ã®ãŒé¢å€’ã€ã¨ã„ã†ã€ç¾åœ¨ã®çŠ¶æ³ 「é…布ã€ãƒ»ãƒ»ãƒ»ä½œæˆã—ãŸãƒ—ラグインをé…布ã™ã‚‹ãŸã‚ã®ã‚µã‚¤ãƒˆä½œæˆã‚„宣ä¼ã«æ‰‹é–“ãŒã‹ã‹ã‚‹ã€å¾“æ¥ã®ãƒ—ラグインサイトã§ã¯ç™»éŒ²ãŒé¢å€’ã ã£ãŸ æ–°ã—ã„プラグイン・レジストリã¯ã€GitHubã¨é€£æºã™ã‚‹ã“ã¨ã‚’å‰æã¨ã—ã¦ã€ã“ã†ã—ãŸå•é¡Œã‚’エレガントã«è§£æ±ºã—ã€å¾“æ¥ã®ãƒ—ラグインサイトを完全ã«ç½®ãæ›ãˆã‚‹ã‚‚ã®ã§ã™ã€‚ 開発者ã«ã¨ã£ã¦ã¯ã€ãƒ—ラグインを公開
jQueryを高速化ã™ã‚‹ï¼ã„ã‚ã„ã‚ãªã‚»ãƒ¬ã‚¯ã‚¿ã®æ›¸ã方を検証ã—ã¦ã¿ãŸ | アルパカã®å…·
先日ã€ä»•äº‹ã§ä½œæˆã—ã¦ã„るページã®å‹•ä½œãŒç•°æ§˜ã«é‡ããªã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ãã®ãƒšãƒ¼ã‚¸ã¯jQueryã‚’ãµã‚“ã ã‚“ã«ç››ã‚Šè¾¼ã‚“ã§UIをグリグリã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€ãã®jQueryãŒé‡ãŸã„様å。 ãªã®ã§jQueryã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’åˆã‚ã¦æœ¬æ°—ã§ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚ ãã®å‰ã« jQueryã®é«˜é€ŸåŒ–ã«ã¯ã€æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’使用ã™ã‚‹ã€jsファイルを圧縮ã™ã‚‹ç‰ã€…ã„ã‚ã„ã‚ã‚ã‚‹ã®ã§ã™ãŒã€ä»Šå›žã¯ã‚»ãƒ¬ã‚¯ã‚¿ã«è¦³ç‚¹ã‚’絞ã£ã¦æ¤œè¨¼ã—ã¦ã¿ã¾ã™ã€‚ 検証ã™ã‚‹ç’°å¢ƒã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã§ã™ã€‚ jQueryã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ï¼š1.5.1（2011/3/6時点ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ï¼‰ ブラウザ：Firefox3.6.15 検証方法 ã„ã‚ã„ã‚ãªãƒ‘ターンã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚’10000回ãšã¤ãƒ«ãƒ¼ãƒ—ã•ã›ã¾ã™ã€‚ ãã‚Œã«æŽ›ã‹ã‚‹æ™‚é–“ã‚’Firefoxã®ã‚¢ãƒ‰ã‚ªãƒ³Firebugã®console APIを使用ã—ã¦è¨ˆæ¸¬ã—ã¾ã™ã€‚ $(function()){ /* console.time
[jQueryã§ãã‚ãã‚å°†æ¥å»ƒæ¢ã¨ã„ã†äº‹ã‚’èªè˜ã™ã¹ã3ã¤] by ã‚·ãƒã®ITメモ
例ã«ã‚ˆã£ã¦ã€ã†ã•ã‚“è‡ã„タイトルを付ã‘ã¦ã¿ãŸã€‚ 1.8ã§å°†æ¥å»ƒæ¢ã«ãªã£ãŸå†…容ã¯ã€ã“ã“ã¨ã‹ã«ã¾ã¨ã¾ã£ã¦ã„る。 http://ginpen.com/2012/08/14/jquery-1-8/ ä½µã›ã¦ã€æœ¬å®¶ã‚µã‚¤ãƒˆã‚‚確èªã—ã¦ãŠããŸã„。 http://api.jquery.com/category/deprecated/ 「将æ¥å»ƒæ¢ã€ã¨å®£å‘Šã•ã‚Œã¦ã„ã‚‹ã®ã«ã‚‚é–¢ã‚らãšã€ æ–°ãŸã«æ–°è¨ã•ã‚Œã‚‹jQueryåˆå¿ƒè€…å‘ã‘ã®å…¥é–€è¬›åº§ãƒ–ãƒã‚°ãªã©ã§ã¯ã€ ã“れらãŒè±ªå¿«ã«ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã®ã¯å˜†ã‹ã‚ã—ã„ã“ã¨ã 。 ã•ã¦ã€ç‹¬æ–ã¨å見ã§é¸ã‚“ã ãã‚ãã‚使用を辞ã‚ã¦ãŠããŸã„内容を3ã¤ç¨‹é¸ã‚“ã§ã¿ãŸã€‚ (1) .toggle() アニメーション系ã®.toggle()ã§ã¯ãªãã€ã‚¯ãƒªãƒƒã‚¯ã®åº¦ã«å‘¼ã°ã‚Œã‚‹é–¢æ•°ã‚’指定ã™ã‚‹.toggle()ãŒå»ƒæ¢ã«ãªã‚‹ã€‚ ã‚‚ã¯ã‚„使用ã™ã¹ãã§ã¯ãªã„。 (2) フォームã®ã‚¿ã‚¤ãƒ—を指定ã™ã‚‹ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ï¼ˆãƒ•ã‚£ãƒ«ã‚¿ï¼‰ :inputã€
jQuery 1.8ã®æ›´æ–°å†…容をã¾ã¨ã‚ãŸã‚ˆã€‚ | Ginpen.com
個人的ã«æ²¹æ–ã—ã¦ãŸã‚“ã§ã™ãŒã€jQuery 1.8ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã。 CSSã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—レフィックスを自動ã§ã»ã¼è£œå®Œã—ã¦ãれるよã†ã«ãªã£ãŸã®ãŒç›®çŽ‰æ©Ÿèƒ½ã§ã—ょã†ã‹ã€‚作æ¥é‡ã¨ã—ã¦ã¯ã€ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚¨ãƒ³ã‚¸ãƒ³Sizzleã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é–¢ä¿‚ã‚’å…¨é¢çš„ã«æ›¸ãæ›ãˆãŸäº‹ãŒå¤§ããã†ã§ã™ã€‚ãªãŠè«¸ã€…強化ã•ã‚Œã¦ã„ã‚‹ã«ã‚‚é–¢ã‚らãšã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã¯æ¸›ã£ã¦ã„ã¾ã™ã€‚（ã¡ã‚‡ã£ã¨ã ã‘ã©ã。）　ãˆã‚‰ã„ï¼ jQuery Blog » jQuery 1.8 Released jQuery Blog » jQuery 1.8 Beta 1: See What’s Coming (and Going!) jQuery Blog » The New Sizzle jQuery Blog » jQuery Core: Version 1.9 and Beyond jQuery Blog » jQuery 1.9 and 2.0 — TL;
jQuery 1.7ã€1.8 ã§éžæŽ¨å¥¨ã«ãªã£ãŸã‚¤ãƒ™ãƒ³ãƒˆã®ãƒ¡ã‚½ãƒƒãƒ‰ã¨ Ajax 関連ã®ãƒ¡ã‚½ãƒƒãƒ‰ã¨ã‚¤ãƒ™ãƒ³ãƒˆ - Sarabande.jp
jQuery: 大åŠã®ãƒ–ラウザã«ãŠã„㦠ready 㯠DOMContentLoaded を指ã™Function.prototype.applyã€bind 㨠$.proxy ã®æ¯”較event.originalEventã€jQuery.event.props.pushã€jQuery.event.fixHooks ã«ã¤ã„ã¦æ¡ä»¶åˆ†å²ã‹ã‚‰ãƒ¡ã‚½ãƒƒãƒ‰ãƒã‚§ãƒ¼ãƒ³ã‚„マップã«ã‚ˆã‚‹ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã«jQuery 1.7ã€1.8 ã§éžæŽ¨å¥¨ã«ãªã£ãŸã‚¤ãƒ™ãƒ³ãƒˆã®ãƒ¡ã‚½ãƒƒãƒ‰ã¨ Ajax 関連ã®ãƒ¡ã‚½ãƒƒãƒ‰ã¨ã‚¤ãƒ™ãƒ³ãƒˆãƒ¡ã‚½ãƒƒãƒ‰ãƒã‚§ãƒ¼ãƒ³ã‚‚ã—ãã¯ãƒ—ãƒãƒ‘ティ表記を使ã£ã¦è¤‡æ•°ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã‚’指定ã™ã‚‹ãƒ›ãƒ¼ãƒãƒ¼ã§å‰Šé™¤ãƒœã‚¿ãƒ³ã®è¡¨ç¤ºã‚’コントãƒãƒ¼ãƒ«ã™ã‚‹mouseenter 㨠mouseover ã®ã¡ãŒã„jQuery ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒ¡ã‚½ãƒƒãƒ‰ã®ãªã‹ã§ã® return false 㨠e.preventDefault() ã®ã¡ãŒã„9月1日追記: on メ
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Loading...
Build and implement a single sign-on solution
{{#tags}}- {{label}}
{{/tags}}