Slider Kit スライドショーã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„スライダーã€ã‚¿ãƒ–コンテンツã€ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ãªã©ã•ã¾ã–ã¾ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«å¯¾å¿œã€‚
[JS]jQueryã®ãƒ—ラグイン33+1é¸ -2011å¹´4月
Slider Kit スライドショーã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„スライダーã€ã‚¿ãƒ–コンテンツã€ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ãªã©ã•ã¾ã–ã¾ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«å¯¾å¿œã€‚
[JS]ã“ã‚ŒFlashã˜ã‚ƒãªã„ã®ï¼Ÿã£ã¦ãªã‚‹ãƒŠãƒ“ゲーションを実装ã™ã‚‹jQueryã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
軽快ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¿ƒåœ°ã‚ˆã„ナビゲーションを実装ã™ã‚‹jQueryã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ タイトルã«ã‚る通りã€Flashã¯ä½¿ã‚ãªã„ã§å®Ÿè£…ã•ã‚Œã¦ã¾ã™ã€‚ Animated Content Menu with jQuery デモページ [ad#ad-2] ã¾ãšã¯ã€ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’å ªèƒ½ãã ã•ã„。 ナビゲーションã®å„ラベルをクリックã™ã‚‹ã¨ã€ãã‚Œã«å¯¾å¿œã—ãŸãƒ‘ãƒãƒ«ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã£ã¦é–‹ãよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ デモページ 実装 HTMLã®æ§‹é€ ã¯ã€èƒŒæ™¯ç”»åƒã€ã‚°ãƒªãƒƒãƒ‰ã®ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ã‚¢ã‚¤ã‚³ãƒ³ã€ãƒ¡ã‚¤ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®4ã¤ã‹ã‚‰æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ HTML：背景 背景ã¯ã€èƒŒæ™¯ç”»åƒã¨ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã¨ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’divè¦ç´ ã§å†…包ã—ã¾ã™ã€‚ <div id="ac_background" class="ac_background"> <img class="ac_bgimage" src="images/D
クリエイティブãªjQueryプラグイン28é¸ã€Œ28 Fresh jQuery Tutorialsã€
先日ã€jQueryã®ãƒ—ラグインを「新ã—ãã¦ã€ç´ 晴らã—ã„jQueryプラグイン「30 Fantastic New jQuery Pluginsã€ã€ã¨ã„ã†è¨˜äº‹ã§ç´¹ä»‹ã—ãŸã°ã‹ã‚Šã§ã™ãŒã€ä»Šå›žã¯ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªjQueryプラグインを集ã‚ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œ28 Fresh jQuery Tutorialsã€ã‚’紹介ã„ãŸã—ã¾ã™ã€‚ Fullscreen Gallery with Thumbnail Flip ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãªã©ã‚’ä¸å¿ƒã«æ¼”出ã«å‡ã£ãŸã€è¦‹ã›ã‚‹ãŸã‚ã®jQueryプラグインãŒå¤šæ•°ã¾ã¨ã‚られã¦ã„ã¾ã—ãŸã€‚今日ã¯ãã®ä¸ã‹ã‚‰ã„ãã¤ã‹æ°—ã«ãªã£ãŸã‚‚ã®ã‚’ピックアップã—ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 詳ã—ãã¯ä»¥ä¸‹ â– Bubbleriffic Image Gallery with jQuery ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚„ç”»åƒã®å‡ºç¾ã‚¤ãƒ¡ãƒ¼ã‚¸ãªã©ç´°ã‹ã„ã¨ã“ã‚ã«ã“ã ã‚ã£ãŸã€jQueryを利用ã—ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€‚ â– Ov
フォームã§é›¢è„±ã•ã›ãªã„ãŸã‚ã®jQueryプラグイン50é¸ï½œdesignaholic -Creative Column-
最近ã§ã¯ã€ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãƒ•ã‚©ãƒ¼ãƒ 最é©åŒ–（EFO）ã¨ã„ã†æ–½ç–も広ã¾ã£ã¦ãã¾ã—ãŸãŒã€ç‰¹ã«è³¼å…¥ã‚„サンプル請求ã€ãŠå•åˆã›ç‰ãŒã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ãªã£ã¦ã„るサイトã§ã¯ãƒ•ã‚©ãƒ¼ãƒ ã§é›¢è„±ã•ã‚Œã¦ã—ã¾ã£ã¦ã¯ã›ã£ã‹ãã®åºƒå‘Šã‚„æ–½ç–ãŒæ°´ã®æ³¡ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ã“ã“ã§ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’離脱ã•ã›ãªã„ãŸã‚ã«æ°—ã‚’ã¤ã‘ãŸã„ãƒã‚¤ãƒ³ãƒˆã¨ãれを実ç¾ã™ã‚‹ãŸã‚ã«ä¾¿åˆ©ãªjQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚  ã¾ãšã€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ を作æˆã™ã‚‹éš›ã®ãƒã‚¤ãƒ³ãƒˆã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚¹ãƒˆãƒ¬ã‚¹ã‚’æ„Ÿã˜ã›ãªã„事ã§ã™ã€‚ストレスã®åŽŸå› ã¨ãªã‚‹ã‚‚ã®ã¯å¤§ãã言ã†ã¨  入力ã—ã¥ã‚‰ã„ã€ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒã‚ã‹ã‚Šã¥ã‚‰ã„ã€ã¨ã„ã£ãŸæ“作ã«é–¢ã™ã‚‹ã‚‚ã®ã€‚ ã©ã“ã¾ã§ã‚„ã‚Œã°å®Œäº†ãªã®ã‹ã‚ã‹ãªã„ã€å€‹äººæƒ…å ±ã®æ‰±ã„ãŒå¿ƒé…ã€ã¨ã„ã£ãŸå¿ƒç†çš„ãªã‚‚ã®ã€‚  ã§ã™ã€‚ãªã®ã§ã“ã®ç‚¹ã‚’解消ã•ã›ã¦ã‚ã’るフォームを作æˆã™ã‚Œã°ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒé›¢è„±ã™ã‚‹å¯èƒ½æ€§ã¯ä¸‹ãŒã‚Šã¾ã™ã。 具体的ãªãƒã‚¤ãƒ³ãƒˆã¯ä»¥ä¸‹ã®ã‚ˆã†ãªé …ç›®ã«ãªã‚Šã¾ã™ã€‚ Â å¿…é ˆå…¥åŠ›ã‹
自動ã§ãƒªãƒ”ートå†ç”Ÿã™ã‚‹Youtube動画を背景全体ã«æŒ‡å®šå‡ºæ¥ã‚‹jQueryプラグイン・jquery-tubular - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…容ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ュリティ上ã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ Webサイトã®èƒŒæ™¯ã‚’リピートå†ç”Ÿã™ã‚‹Youtube ã®å‹•ç”»ã«ã—ã¦ã—ã¾ãŠã†ã€ã¨ã„ã†jQueryプラグイン ・jquery-tubularã®ã”紹介ã§ã™ã€‚ãªã‹ãªã‹æ–¬æ–° ã§ã¯ç„¡ã„ã‹ãªã¨æ€ã„ã¾ã™ã€‚ユニークãªã‚µã‚¤ãƒˆã‚’ 作る際ã«å‚考ã«ã—ãŸã„ã§ã™ã。導入も極ã‚㦠簡å˜ãªã®ã§ãœã²ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã—ã¦ã¿ã¦ãã ã•ã„。 jQuery使ã†ã¨ã„ã‚ã„ã‚出æ¥ã‚‹ã‚“ã§ã™ãã‡ã€‚スã‚ルã®ä½Žã„僕ã«ã¨ã£ã¦ã¯ã€ã“ã†ã—ã¦ã‚½ãƒ¼ã‚¹ã‚’æä¾›ã—ã¦ãれるã®ãŒã¨ã¦ã‚‚ã‚ã‚ŠãŒãŸã„ã§ã™ã€‚ライセンスã¯MITã¨ã®ã“ã¨ã§ã™ã®ã§ã€å•†ç”¨ã§ã‚‚OKã§ã™ã。 [note]ã‹ãªã‚Šé©å½“ã§ã™ã‘ã©WordPressã®ãƒ†ãƒ¼ãƒžã«ã—ãŸã®ã§ã”興味有りã¾ã—ãŸã‚‰éŠã‚“ã§ã¿ã¦ãã ã•ã„。[/note] ã“ã®ã‚ˆã†ã«èƒŒæ™¯å…¨ä½“ã«Youtubeã®å‹•ç”»ã‚’使ã†ã“ã¨ãŒå‡ºæ¥ã‚‹ãƒ—ラグインã§ã™ã€‚ユニ
最åˆã«å¿…è¦ãªã‚‚ã®ã ã‘効果的ã«è¦‹ã›ã‚‹Appleサイト風エフェクト実装jQueryプラグイン「Apple Effectã€:phpspot開発日誌
最åˆã«å¿…è¦ãªã‚‚ã®ã ã‘効果的ã«è¦‹ã›ã‚‹Appleサイト風エフェクト実装jQueryプラグイン「Apple Effect〠2010å¹´12月06æ—¥- jQuery Apple Effect 最åˆã«å¿…è¦ãªã‚‚ã®ã ã‘効果的ã«è¦‹ã›ã‚‹Appleサイト風エフェクト実装jQueryプラグイン「Apple Effectã€ã€‚ 最近Appleã®ã‚µã‚¤ãƒˆã‚’見ãŸã“ã¨ãŒã‚ã‚‹æ–¹ãªã‚‰åˆ†ã‹ã‚‹ã¨æ€ã„ã¾ã™ãŒã€æœ€åˆã«1æžšã®ç”»åƒã‚’表示ã—ã¦ãŠã„ã¦ã€ãƒŠãƒ“ゲーションãªã‚“ã‹ã¯å°‘ã—å¾…ãŸã›ã¦ã€ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã—ãªãŒã‚‰è¡¨ç¤ºã™ã‚‹ã¨ã„ã†ã‚«ãƒƒã‚³ã„ã„効果を作れã¾ã™ã€‚ 最åˆã«1æžšã®ç”»åƒã‚’表示 フェードインã—ãªãŒã‚‰ãƒŠãƒ“ゲーションを表示ã™ã‚‹ ã“ã¡ã‚‰ã®ãƒ‡ãƒ¢ã§å‹•ãã‚’ç¢ºèª å®Ÿè£…ã¯1行。 $('#target').appleEffect(); オプションを渡ã™ã“ã¨ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é–‹å§‹ã¾ã§ã®æ™‚é–“ã‚’è¨å®šã—ãŸã‚Šã€ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã‚’指定ã§ããŸã‚Šã—ã¾ã™ã€‚ ã¡ã‚‡ã£ã¨ã‚ã‚“ã©ãã•ãã†ãªã“ã®æ©Ÿ
Useful jQuery Plugins to Enhance HTML Tables - noupe
This post contains 40 varieties of functional jQuery tables plugins that let you achieve the maximum functionality and flexibility that you cannot get with the classic ways of using HTML tables. With the right jQuery plugin, you can create dynamic tables in which users can identify and sort out all the sections they want. These plugins will help you in creating user friendly and dynamic tables wit
HTML5, CSS3, jQuery1.4, WordPress3ã®åŽ³é¸ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆé›†
当サイトã§ç´¹ä»‹ã—ãŸæ•°å¤šãã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®ä¸ã‹ã‚‰ã€ä»Šã¾ã•ã«å½¹ç«‹ã¤ã§ã‚ã‚ã†ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’厳é¸ã—ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ※未紹介ã®ã‚‚ã®ã‚‚å«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ HTMLã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ CSSã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ jQueryã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ WordPressã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ [ad#ad-2] HTMLã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ
Introducing jQuery
jQueryã£ã¦ä½• JavaScriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク ã¿ã‚“ãªè¶…使ã£ã¦ã‚‹ ã‚„ã‚„ã“ã—ã„ã“ã¨ãŒè¶…ç°¡å˜ã«ã§ãã‚‹ John Resigã£ã¦ã™ã’ー人ãŒä½œã£ã¦ã‚‹ ã¨ã«ã‹ãイケã¦ã‚‹ ãªãœjQueryã¯ã‚¤ã‚±ã¦ã‚‹ã®ã‹ 超çŸã書ã‘る。ãã†ä½œã‚‰ã‚Œã¦ã‚‹ã€‚ Write Less, Do More. ãŸãã•ã‚“プラグインãŒã‚る。使ã†ã®ç°¡å˜ã€‚ DOMæ“作周りã«ã‚ã¡ã‚ƒå¼·ã„。 JavaScript始ã‚ã‚‹ã®ã«ã‚‚オススメ。 ブラウザã”ã¨ã®å·®ç•°ã‚‚å¸åŽã—ã¦ãã‚Œã¡ã‚ƒã† ブラウザ上ã§ãªã‚“ã‹ã™ã‚‹ã®ã«å¿…è¦ãªæ©Ÿèƒ½ãŒè©°ã¾ã£ã¦ã‚‹ プãƒã‚°ãƒ©ãƒ 書ãæµã‚Œ JavaScriptã«é™ã‚‰ãšã€å¤§ä½“ã“ã‚“ãªæ„Ÿã˜ã€‚ ã“ã‚“ãªã‚“作りãŸã„ APIを調ã¹ã‚‹ ãれをã©ãƒ¼ã‚„ã£ã¦ä½¿ã†ã®ã‹èª¿ã¹ã‚‹ ãªã‚“ã‹é›£ã—ãã†ã ã£ãŸã‚‰ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ã‹èª¿ã¹ã‚‹ 文法を知る（大体ã©ã‚Œã‚‚大ããã¯å¤‰ã‚らãªã„） 書ã„ã¦ã¿ã‚‹ APIã¨ã‹ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ã‹çŸ¥ã‚‰ã‚“ 大丈夫ã§ã™ã€‚ ãã‚“ãªã‚“普通ã€èª¿ã¹ãªã„ã¨çŸ¥ã‚Šã¾ã›
1
メンテナンス
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.designwalker.com/2010/06/jquery-forms.html
{{#tags}}- {{label}}
{{/tags}}