Reactã¨jQueryã®é•ã„.mdYou 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
JSONã‹ã‚‰é«˜æ€§èƒ½ãªtableを作æˆã—ã¦ãれるスクリプト・「Tabulatorã€
Tabulatorã¯JSONデータã‹ã‚‰ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã«é«˜æ€§èƒ½ãªtableを生æˆã—ã¦ãれるスクリプトã§ã™ã€‚jQueryã«ä¾å˜ã—ã¦ã„ã¾ã™ã€‚ソートã€ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒ‡ãƒ¼ã‚¿ã®ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«è¡¨ç¤ºã€ã‚»ãƒ«å†…ã®å†…容編集ãªã©ãªã©é«˜ã„性能ã®tableã§ã•ã¾ã–ã¾ãªãƒ‡ãƒ¼ã‚¿ã«å¯¾å¿œã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ã¾ãŸã€ä»Šå¾Œè¿½åŠ 予定ã®æ©Ÿèƒ½ã«åˆ—ã®è¨ˆç®—ã‚„å°åˆ·ç”¨CSSã€ã‚¯ãƒªãƒƒãƒ—ボードコピー機能ãªã©ã‚’考ãˆã¦ã„るよã†ã§ã™ã€‚ç¾åœ¨ã¯MITライセンスã§é…布ã•ã‚Œã¦ã„ã¾ã™ã€‚jQueryä¾å˜ã§ã¯ã‚ã‚Šã¾ã™ãŒã€OSSã§ã“ã“ã¾ã§é«˜æ€§èƒ½ãªã‚‚ã®ã‚‚ã‚ã¾ã‚Šç„¡ã„ã®ã§ãªã‹ãªã‹è²´é‡ãªãƒ—ラグインã§ã™ã。 Tabulator
jQueryã¨Bootstrapã§ä½œã‚‹ã‚·ãƒ³ãƒ—ルãªã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒ©ãƒ¼ãƒ»ã€Œpit-schedulerã€
pit-schedulerã¯jQueryã¨Bootstrapã§ä½œã‚‹ã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒ©ãƒ¼ã§ã™ã€‚横長ã®ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã«è›å…‰ãƒšãƒ³ã§å¼•ãよã†ã«ã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’è¨å®šã€ç®¡ç†å‡ºæ¥ã‚‹ã€ã¨ã„ã†ã‚‚ã®ã€‚ç¾çŠ¶ã®ä»•æ§˜ã§ã¯ã‚¿ã‚¹ã‚¯ã®è¨å®šã¯ã¡ã‚‡ã£ã´ã‚Šé¢å€’ã‹ã‚‚・・？言語ã¯ãƒ•ãƒ©ãƒ³ã‚¹èªžã¨è‹±èªžã®ã¿å¯¾å¿œã—ã¦ã‚‹ã®ã§æ—¥æœ¬èªžã‚’è¿½åŠ ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ãŒã€è¨€èªžã®è¿½åŠ ã¯å°‚用ファイルãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã®ã§ã¯ãªãã€pit-scheduler.js本体ã®ä¸ã«è¿½åŠ ã™ã‚‹ã¿ãŸã„。使ã†éš›ã¯ã„ã‚ã„ã‚弄らãªã„ã¨å°‘ã—使ã„ã¥ã‚‰ã„ã‹ã‚‚。ライセンスã¯MITã§ã™ã€‚ pit-scheduler
複雑ãªtableã§ã‚‚対応ã§ãã‚‹ã€ã‚»ãƒ«ãŒã©ã®åˆ—ã¨è¡Œã«å±žã—ã¦ã„ã‚‹ã‹ã‚’ãƒã‚¤ãƒ©ã‚¤ãƒˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト・「jquery-gettable〠- ã‹ã¡ã³ã¨.net
jquery-gettableã¯tableã®ã‚»ãƒ«ãŒã©ã®åˆ—ã¨è¡Œã«ã‚ã‚‹ã‹ã‚’ãƒã‚¤ãƒ©ã‚¤ãƒˆã—ã¦ãれるスクリプトã§ã™ã€‚jQueryã«ä¾å˜ã—ã¦ã„ã¾ã™ã€‚上図ã®ã‚ˆã†ã«ã‚»ãƒ«ä¸Šã«ãƒžã‚¦ã‚¹ã‚’æŒã£ã¦è¡Œãã¨ã€ãã®ã‚»ãƒ«ãŒå±žã™ã‚‹è¡Œã¨åˆ—ãŒãƒã‚¤ãƒ©ã‚¤ãƒˆã•ã‚Œã¾ã™ã€‚ãƒã‚¹ãƒˆãªã©ã€è¤‡é›‘ãªtableã§ã‚‚動作ã™ã‚‹ã‚ˆã†ã§ã™ã€‚以å‰æ›¸ã„ãŸè¨˜äº‹ã®å¿œç”¨ç‰ˆã§ã™ã。 ã¾ãŸã€ãã‚Œã ã‘ã§ãªãã€ã‚»ãƒ«å†…ã®ãƒ‡ãƒ¼ã‚¿ã¨ãã®ã‚»ãƒ«ãŒå±žã™ã‚‹åˆ—ã¨è¡Œã®æƒ…å ±ã®å–å¾—ã‚„ã€ã‚»ãƒ«ãŒå±žã™ã‚‹åˆ—ã¨è¡Œã®ä¸ã«ã„ãã¤ã‚»ãƒ«ãŒå˜åœ¨ã™ã‚‹ã‹ã®å–å¾—ãªã©ã‚‚å¯èƒ½ã§ã™ã€‚ã¹ã‚“ã‚Šãã†ã€‚ライセンスã¯MITã§ã™ã€‚ jquery-gettable
[JS]変形アニメーションãŒã‹ã£ã“ã„ã„ï¼ã‚¢ã‚¤ã‚³ãƒ³ã‚’クリック・タップã™ã‚‹ã¨åˆ¥ã®ã‚¢ã‚¤ã‚³ãƒ³ã«å¤‰ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -iconate.js
オフã‚ャンãƒã‚¹ メニューãªã©ã§æœ€è¿‘よã見ã‹ã‘ã‚‹ã€ã‚¢ã‚¤ã‚³ãƒ³ã‚’クリック・タップã™ã‚‹ã¨ã€åˆ¥ã®ã‚¢ã‚¤ã‚³ãƒ³ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å¤‰å½¢ã•ã›ã‚‹å˜ä½“ã®ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ 実装もéžå¸¸ã«ç°¡å˜ã§ã€ãã‚Œãžã‚Œã®ã‚¢ã‚¤ã‚³ãƒ³ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’指定ã™ã‚‹ã ã‘ã§OK。 「zoomOutã€ã€ŒrubberBankã€ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä¾‹ iconate.jsã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スクリプトã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="iconate.min.css"> </head> <body> ... コンテンツ ... <script type="text/javascript" src="iconate.min.js"> </body> Step 2: HTML アイコンをé…ç½®ã—ã¾ã™ã€‚ デモã§ã¯Font Awesomeã®ã‚¢ã‚¤
![[JS]変形アニメーションãŒã‹ã£ã“ã„ã„ï¼ã‚¢ã‚¤ã‚³ãƒ³ã‚’クリック・タップã™ã‚‹ã¨åˆ¥ã®ã‚¢ã‚¤ã‚³ãƒ³ã«å¤‰ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -iconate.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/3e52b762682773fbeb81c27963f72395fbbf5fea/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015052611.png)
効果的ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«é€šçŸ¥ãŒã§ãã‚‹ jQuery Notification Plugin「8 jQuery Notification Plugins For Good User Experienceã€
効果的ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«é€šçŸ¥ãŒã§ãã‚‹ jQuery Notification Plugin「8 jQuery Notification Plugins For Good User Experience〠webサイト内をæ“作ä¸ã®ã‚¨ãƒ©ãƒ¼ã‚„ã€èª¬æ˜ŽãŒå¿…è¦ãªé …ç›®ãŒç™ºç”Ÿã—ãŸæ™‚ã«å‡ºç¾ã™ã‚‹é€šçŸ¥ã¯ã€åˆ©ç”¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ã¯ã¨ã¦ã‚‚ã‚ã‚ŠãŒãŸã„ã‚‚ã®ã€‚今回ã¯åŠ¹æžœçš„ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«é€šçŸ¥ãŒã§ãã‚‹jQuery Notification Plugin「8 jQuery Notification Plugins For Good User Experienceã€ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ akquinet/jquery-toastmessage-plugin @ GitHub シンプルãªãŒã‚‰ã‚‚ã€å‡ºç¾ã®ä»•æ–¹ã‚„デザインãªã©ã«å€‹æ€§ãŒè¦‹ãˆã‚‹ãƒ—ラグインãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚æ°—ã«ãªã£ãŸã‚‚ã®ã‚’ピックアップã—ã¾ã—ãŸã®ã§ã€ä¸‹è¨˜ã‚ˆã‚Šã”覧ãã ã•ã„。 詳ã—ãã¯ä»¥
ã·ã‚‹ã‚‹ã‚“ã¨å‹•ãアニメーションãŒæ°—æŒã¡ã„ã„ï¼æ–°æ„Ÿè¦šã®ãƒŠãƒ“ゲーション -Gooey pagination
コンテンツスライダーや縦長ページã®ãƒŠãƒ“ゲーションã§ã‚ˆã見ã‹ã‘るビュレットタイプã®ãƒŠãƒ“ゲーションをã‹ã‚ã„ã„アニメーションã§å®Ÿè£…ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ アニメーションã®æ“作ãŒæ°—æŒã¡ã„ã„ã®ã§ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„より楽ã—ã‚“ã§ã—ã¾ã†ã‹ã‚‚。 実際ã®æ“作ã¯ã€ä¸‹è¨˜ãƒšãƒ¼ã‚¸ã§ãŠæ¥½ã—ã¿ãã ã•ã„。 ※Chrome, Safari, Firefox, IEã¯11ã§ã¯å‹•ä½œã—ã¾ã—ãŸã€‚ Page scroll concept ã“ã£ã¡ã®æ–¹ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ›´ã«æµä½“ã«ãªã£ã¦ã„ã¾ã™ã€‚ 実装ã¯ã‘ã£ã“ã†ã‚·ãƒ³ãƒ—ルã§ã™ã€‚ HTML å„ビュレットã¯ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ 5ã¤ç‚¹ã®ä¸Šã‚’「.selectã€ãŒç§»å‹•ã™ã‚‹æ„Ÿã˜ã§ã™ã€‚ <ul class="dots"> <li class="select"></li> <li class="dot"></li> <li class="dot"></li> <li class="dot"></l
リッãƒãªãƒ†ãƒ¼ãƒ–ルを実装ã™ã‚‹ç‚ºã®jQueryプラグイン・Open JS Grid
リッãƒãƒ¼ãªãƒ†ãƒ¼ãƒ–ルを実装ã™ã‚‹jQueryプラグイン・Open JS Gridã®ã”紹介ã§ã™ã€‚大é‡ã®ãƒ‡ãƒ¼ã‚¿ã‚’扱ã†ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç‰ã§å°Žå…¥ã‚’検討ã—ãŸã„ã§ã™ã。 ã¨ã£ã¦ã‚‚リッãƒãªãƒ†ãƒ¼ãƒ–ルを実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トã§ã™ã€‚ ソート機能ã€ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°ã€ã‚»ãƒ«ã®ç·¨é›†ã‚„削除ã€æ¤œç´¢ç‰ã‚‚å¯èƒ½ã§Bootstrapã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚ APIも豊富ã«æƒã£ã¦ã„ã¾ã™ã€‚ $(function() { $(".foo").grid(); });セットアップã—ã¦ãƒ‡ãƒ¼ã‚¿ã‚’èªã¿è¾¼ã‚€å½¢ã§å®Ÿè£…ã—ã¾ã™ã€‚ ライセンスãŒè¦‹å½“ãŸã‚‰ãªã„ã§ã™ã‘ã©ã€ã‚ˆã探ã—ã¦ãªã„ã®ã§ã”利用ã®éš›ã¯ã”確èªä¸‹ã•ã„。 Open JS Grid
[JS]jQueryã®ãƒ—ラグイン100é¸ -2012å¹´ç·é›†ç·¨
2012å¹´ã«ç´¹ä»‹ã—ãŸã‚‚ã®ã‚’ä¸å¿ƒã¨ã—ãŸjQueryã®ãƒ—ラグイン100+αé¸ã§ã™ã€‚ 今年目立ã£ãŸã®ã¯ã€ã‚„ã¯ã‚Šãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã€ãã—ã¦CSS3アニメーションã§ã—ょã†ã‹ã€‚ スライダーやギャラリー系もレスãƒãƒ³ã‚·ãƒ–・アニメーション対応ã€ãƒŠãƒ“ゲーションやPinterst風ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã€å¤šãã®ãƒ—ラグインã«ãれら二ã¤ã®è¦ç´ ãŒçµ„ã¿åˆã‚ã•ã£ã¦ã„ã¾ã™ã€‚ 動画関連 ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼é–¢é€£ ç”»åƒæ‹¡å¤§é–¢é€£ ç”»åƒé…置・ã‚ャプション関連 背景画åƒé–¢é€£ コンテンツスライダー・カルーセル関連 ナビゲーション関連 レイアウト関連 レスãƒãƒ³ã‚·ãƒ–関連 パãƒãƒ«ãƒ»ãƒœãƒƒã‚¯ã‚¹é–¢é€£ ツールãƒãƒƒãƒ—・ティッカー関連 アニメーション関連 エフェクト関連 スクãƒãƒ¼ãƒ«æ“作・スクãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„関連 リスト関連 テーブル関連 フォーム関連 テã‚スト関連 見出ã—抽出関連 ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°é–¢é€£ ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãƒ»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç”Ÿæˆ ãã®ä»– 動画関連
世界地図ã§ãƒ‡ãƒ¼ã‚¿ã‚’ビジュアライズã™ã‚‹éš›ã«ä½¿ãˆã‚‹JSライブラリ「DataMapsã€:phpspot開発日誌
DataMaps 世界地図ã§ãƒ‡ãƒ¼ã‚¿ã‚’ビジュアライズã™ã‚‹éš›ã«ä½¿ãˆã‚‹JSライブラリ「DataMapsã€ã€‚ マウスオーãƒãƒ¼ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã«ãƒ‡ãƒ¼ã‚¿ã‚’表示ã§ããŸã‚Šã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã§ã™ 次ã®ã‚ˆã†ã«ç¾Žã—ã„地図をæã‘ã‚‹ã®ã§ã€ç®¡ç†ç”»é¢ã‚„ã€ãƒ—レゼン資料å‘ã‘ã«ä½¿ã£ã¦ã¿ã¦ã‚‚よã•ãㆠ１ã‹ã‚‰ã‚„ã‚ã†ã¨æ€ã†ã¨ã‹ãªã‚Šã®æ™‚é–“ãŒã‹ã‹ã‚Šãã†ã§ã™ãŒã€ã“ã‚Œãªã‚‰ç›´ãã«ä½¿ãˆãã†ã§ã™ カーソルをåˆã‚ã›ã‚‹ã¨å›½åãŒå‡ºã‚‹ã€ã¨ã„ã†ã‚ˆã†ãªä¸–界地図ã«ã‚‚ã§ãã¾ã™ã€‚ 世界ã®åœ°åを覚ãˆãŸã„å ´åˆã«ä½¿ãˆã¾ã™ã アメリカã®å·žã®è¡¨ç¤ºã‚‚å¯èƒ½ デザインもオシャレã§çŸ¥ã£ã¦ãŠãã¨ä½¿ãˆãㆠ関連エントリ リアルタイムãªãƒ‡ãƒ¼ã‚¿ãƒ“ジュアライズ「grapheneã€
数値ã ã‘ã§ãªãã€æ—¥ä»˜ã‚„時刻ã«ã‚‚対応ã—ãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ»jQRangeSlider - ã‹ã¡ã³ã¨.net
D&Dã§æ“作ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’実装ã™ã‚‹jQueryä¾å˜ã®ã‚¹ã‚¯ãƒªãƒ—トã§ã™ã€‚数値ã®ã‚‚ã®ãŒå¤šã„ã§ã™ãŒã€ã“ã¡ã‚‰ã¯æ—¥ä»˜ã‚„時刻ãªã©ã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚使ã†ã‚·ãƒ¼ãƒ³ã¯å¤šãã¯ç„¡ã„ã‹ã‚‚ã§ã™ã‘ã©ã€ä¾¿åˆ©ãã†ã§ã™ã€‚ 日付ã«ã‚‚対応ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã§ã™ã€‚※ピッカーã§ã¯ã‚ã‚Šã¾ã›ã‚“
jQuery.twinkle · get the visitor's attention · larsjung.de
0.10.0Draw your visitor's attention to special parts of your website. Examples of the different effects can be experiecend in this demo. All available options are described right below. Quick startTwinkle at a specified element: $(selector).twinkle(); Select an effect and add some effect options: var options = { 'effect': 'drop', 'effectOptions': { 'color': 'rgba(0,0,255,0.5)', 'radius': 100 } };
Sketch.js - Simple Canvas-based Drawing for jQuery
Sketch.js is an easy-to-use jQuery plugin that allows you to create canvases upon which visitors can draw. The code is partially inspired by William Malone's drawing app tutorial as well as CanvasPaint. Installation To use Sketch.js in your project, just grab the latest sketch.js (or minified) from GitHub and include it in your project after jQuery. Documentation To see detailed documentation, tak
シンプルã§è¦‹ã‚„ã™ã„ガントãƒãƒ£ãƒ¼ãƒˆã‚’æã‘ã‚‹jQueryプラグイン・jQuery.Gantt - ã‹ã¡ã³ã¨.net
シンプルã§è¦‹ã‚„ã™ã„ガントãƒãƒ£ãƒ¼ãƒˆ ã‚’æç”»ã§ãã‚‹jQueryã®ãƒ—ラグイン。 以å‰è¦‹ã‹ã‘ã¦ã‹ã‚‰æ”¾ç½®ã—ã¦ã„ãŸã®ã§ å°‘ã—触ã£ã¦è¦‹ã¾ã—ãŸã€‚使ã†æ©Ÿä¼šã¯ 個人的ã«ã¯å¤šãã‚ã‚Šã¾ã›ã‚“ã‘ã©ã€ 覚ãˆã¦ç½®ã„ã¦æã¯ã—ãªã„ã‹ã¨ã€‚ ã“ã®æ‰‹ã®ã¯ã‚ˆã見ã‹ã‘ã¾ã™ã‘ã©ã€ä»Šæ—¥ã®ãƒ—ラグインã¯å€‹äººçš„ã«ä½¿ã„ã‚„ã™ã„å°è±¡ã ã£ãŸã®ã§ãƒ¡ãƒ¢ã€‚ ã“ã†ã„ã†ã‚„ã¤ã€‚ サンプル作ã£ãŸã®ã§å®œã—ã‘ã‚Œã°ã”覧下ã•ã„。 Sample コード <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script> <script src="jquery.fn.gantt.js"></script> 本体ã¨ãƒ—ラグイン。 $(".foo").gantt({ scale: "weeks", minScale: "weeks"
拡大時ã«ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã®ã‚ˆã†ã«ç”»åƒãŒåºƒãŒã‚‹ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã‚’実装ã™ã‚‹jQueryプラグイン・Accarousel - ã‹ã¡ã³ã¨.net
クリックã§ç”»åƒã‚’拡大ã™ã‚‹éš›ã« アコーディオンã®ã‚ˆã†ã«åºƒãŒã‚‹ カルーセルを実装ã™ã‚‹jQuery㮠プラグイン・Accarousel。機能 ã¯ã‚·ãƒ³ãƒ—ルã§ã™ãŒã€å‹•ããŒå¥½ã¿ ã ã£ãŸã®ã§å‚™å¿˜éŒ²ã€‚ カルーセルを実装ã™ã‚‹jQueryプラグインã§ã™ã€‚ 見ãŸç›®ã¯æ™®é€šã®ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã§ã™ãŒã€ç”»åƒã‚’クリックã™ã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ã«æ‹¡å¤§ã•ã‚Œã¾ã™ã€‚ ãªã‚“ã¨è¨€ã†ã‹ã€æ¨ªã«ãƒ–ワッã¨åºƒãŒã‚‹æ„Ÿã˜ã€‚ブワッã¨ã€‚ é 悪ã„ã‹ã‚‰ä¸Šæ‰‹ã言ãˆãªã„ã®ã§ã‚µãƒ³ãƒ—ル見ã¦ãã ã•ã„。 Sample コード <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script> <script type="text/javascript" src="jquery.cjAccarousel.min.js"></scr
jQueryã‚’ãƒãƒ¼ãƒ‰ã™ã‚‹éš›ã®ãƒŠã‚¤ã‚¹ï¼ã¨æ€ã£ãŸæ›¸ãæ–¹
æ¦‚è¦ â–¶ 出典：Initializr - Start an HTML5 Boilerplate project in 15 seconds!先日開催ã•ã‚ŒãŸã€ŒCSS Nite in NIIGATA, Vol.3 with Microsoftã€ã§ã›ã£ã‹ãHTML5ã®äº‹ã‚’å¦ã‚“ã ã®ã§ã€å®Ÿéš›ã«ä½¿ã£ã¦ã¿ã‚ˆã†ã¨å‹‰å¼·ã‚’進ã‚ã¦ã„ã¾ã™ã€‚ã“ã®ãƒ–ãƒã‚°ã‚‚実ã¯PC版ã¯å½¢å¼ä¸ŠHTML5ã®ãƒšãƒ¼ã‚¸ã«ãªã£ã¦ã„ã‚‹ã‚“ã§ã™ã€‚見ãŸç›®ã¯ã»ã¨ã‚“ã©å¤‰ã‚ã£ã¦ 出典：Initializr - Start an HTML5 Boilerplate project in 15 seconds! 先日開催ã•ã‚ŒãŸã€ŒCSS Nite in NIIGATA, Vol.3 with Microsoftã€ã§ã›ã£ã‹ãHTML5ã®äº‹ã‚’å¦ã‚“ã ã®ã§ã€å®Ÿéš›ã«ä½¿ã£ã¦ã¿ã‚ˆã†ã¨å‹‰å¼·ã‚’進ã‚ã¦ã„ã¾ã™ã€‚ ã“ã®ãƒ–ãƒã‚°ã‚‚実ã¯PC版ã¯å½¢å¼ä¸ŠHTML5ã®ãƒšãƒ¼ã‚¸ã«ãªã£ã¦ã„ã‚‹ã‚“ã§ã™ã€‚ 見ãŸç›®
グラフをæç”»ã—ã¦ãれるjQueryプラグインã¯ã€å¤šåˆ†â€jQuery Visualizeâ€ãŒãƒ™ã‚¹ãƒˆï¼ - Shinichi Nishikawa's
グラフをæç”»ã—ã¦ãれるjQueryプラグインã¯ã€å¤šåˆ†â€jQuery Visualizeâ€ãŒãƒ™ã‚¹ãƒˆï¼ 2011 10/11 グラフをæç”»ã—ã¦ãれるjQueryプラグインを紹介ã—ã¾ã™ã€‚ グラフを動的ã«ä½œã£ã¦ãれるもã®ã¨ã—ã¦ã¯ã€ä»–ã®jQueryプラグインやGoogle Chartã¨ã„ã†ã‚µãƒ¼ãƒ“スãªã©ãŒã‚ã‚Šã¾ã™ã€‚ ãŒã€ä»Šå›žã®â€jQuery Visualizeâ€ã¯ã€ä¸ã§ã‚‚一番使ã„ã‚„ã™ãã†ã§ã—ãŸã®ã§ã€ã”紹介ã—ã¾ã™ã€‚ ä»–ã®ãƒ—ラグインã«ã¤ã„ã¦ã¯ã€ã€jQuery】IEã§ã‚‚使ãˆã‚‹ã‚°ãƒ©ãƒ•æ画ツール | 岡山ã®Webプãƒã‚°ãƒ©ãƒžãƒ¼ãŒã¤ã¶ã‚„ãブãƒã‚° | 神æŒ.blogã§ã¾ã¨ã‚ã¦ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ 作れるグラフã®ç¨®é¡ž グラフã¯ä»¥ä¸‹ã®ã‚‚ã®ã‚’使ã†ã“ã¨ãŒã§ãã¾ã™ã€‚ 棒グラフ 線グラフ 線グラフã§ç·šã®ä¸‹ã‚’è–„ã塗れるや㤠円グラフ デザインã¯äºŒç¨®é¡ž 冒é 写真ã®é»’ã£ã½ã„Coolãªã®ã¨åˆ¥ã«ã€ç™½ã£ã½ã„ã®ã‚‚用æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¾ãŸã€èƒŒæ™¯ç”»
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚了日を2020å¹´1月31æ—¥(金)ã«æ±ºå®šã—ã¾ã—㟠- ã¯ã¦ãªã®å‘ŠçŸ¥
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚了日を2020å¹´1月31æ—¥(金)ã«æ±ºå®šã—ã¾ã—㟠以下ã®ã‚¨ãƒ³ãƒˆãƒªã®é€šã‚Šã€ä»Šå¹´æœ«ã‚’目処ã«ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—を終了予定ã§ã‚る旨をãŠçŸ¥ã‚‰ã›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ 2019年末を目処ã«ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®æ供を終了ã™ã‚‹äºˆå®šã§ã™ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—日記 ã“ã®ãŸã³ã€æ£å¼ã«çµ‚了日を決定ã„ãŸã—ã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã®é€šã‚Šã”確èªãã ã•ã„。 終了日: 2020å¹´1月31æ—¥(金) エクスãƒãƒ¼ãƒˆå¸Œæœ›ç”³è«‹æœŸé™:2020å¹´1月31æ—¥(金) 終了日以é™ã¯ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®é–²è¦§ãŠã‚ˆã³æŠ•ç¨¿ã¯è¡Œãˆã¾ã›ã‚“。日記ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒå¿…è¦ãªæ–¹ã¯ä»¥ä¸‹ã®è¨˜äº‹ã«ã—ãŸãŒã£ã¦æ‰‹ç¶šãã‚’ã—ã¦ãã ã•ã„。 ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã«æŠ•ç¨¿ã•ã‚ŒãŸæ—¥è¨˜ãƒ‡ãƒ¼ã‚¿ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã«ã¤ã„㦠- ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—日記 ã”利用ã®ã¿ãªã•ã¾ã«ã¯ã”迷惑をãŠã‹ã‘ã„ãŸã—ã¾ã™ãŒã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2020-06-25 追記 ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—日記ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã¯2020å¹´2月28
スマホã®å…¥åŠ›ãŒè¶…楽ã«ãªã‚Šãã†ãªjQueryモãƒã‚¤ãƒ«ç”¨ã®ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—リートプラグイン:phpspot開発日誌
jQuery Mobile Autocomplete now available - andy matthews スマホã®å…¥åŠ›ãŒè¶…楽ã«ãªã‚Šãã†ãªjQueryモãƒã‚¤ãƒ«ç”¨ã®ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—リートプラグイン。 スマホã§ã¯ã‚¢ãƒ—リãªã‚“ã‹ã§ã‚ˆã見られるオートコンプリートã§ã™ãŒã€ã‚¹ãƒžãƒ›ç”¨WEBサイトã«ã“れを組ã¿è¾¼ã¿ãŸã„ã¨ã„ã£ãŸå ´åˆã«ã“ã‚ŒãŒä½¿ãˆãã†ã§ã™ã€‚ デザインも良ã„æ„Ÿã˜ã§ã™ã 関連エントリ jQueryMobileよりも軽ãã¦ä½¿ã„ã‚„ã™ãã†ãªãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆä½œæˆãƒ•ãƒ¬ãƒ¼ãƒ ワーク「jQ.Mobi〠Android風ã®æ—¥ä»˜ãƒ”ッカー実装用jQueryMobileウィジェット「Mobi Pick〠スマフォサイト作る際ã«è¦šãˆã¦ãŠãã¨ä¾¿åˆ©ãªãƒ¢ãƒã‚¤ãƒ«ç”¨jQueryプラグインã„ã‚ã„ã‚
ç”»åƒã®ã‚ャプションãŒç¾Žã—ã„スライダー実装jQueryプラグイン「RefineSlideã€:phpspot開発日誌
RefineSlide ç”»åƒã®ã‚ャプションãŒç¾Žã—ã„スライダー実装jQueryプラグイン「RefineSlideã€ã€‚ スライドã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³è‡ªä½“ãŒç¾Žã—ã„ã®ã‚‚ã•ã‚‹ã“ã¨ãªãŒã‚‰ã€å€‹äººçš„ã«è¨€åŠã—ãŸã„ã®ã¯ã‚ャプション部分ã§ã€æ¬¡ã®ã‚ˆã†ã«ã€å…ƒç”»åƒã«åŠé€æ˜Žã«é‡ãªã£ã¦å®Ÿã«ç¾Žã—ã„ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ã€‚ ã‚‚ã¨ã‚‚ã¨ãã†ã„ã†ç”»åƒã‚’作ã£ã¦ã„ãŸã‚“ã˜ã‚ƒãªã„ã®ï¼Ÿã¨ä¸€æ˜”å‰ã®äººãªã‚‰æ€ã£ã¦ã—ã¾ã†ã¯ãšã§ã™ å³ä¸Šã«å‡ºã—ãŸã‚ャプション。文å—ã®é¸æŠžã‚‚ã§ãã¾ã™ã€‚ å³ä¸‹ã«ã‚ャプションを出ã—ã¦ã¿ãŸä¾‹ã€‚ã†ã€œã‚“ã‚„ã£ã±ã‚Šã“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã„ã„ã§ã™ã CSS3を使ã£ã¦ã“ã‚Œã ã‘出æ¥ã‚‹ã£ã¦ã„ã†ã®ã¯ã„ã„ã§ã™ã。将æ¥çš„ã«ã¯ã€ç”»åƒã¯å¿…è¦æœ€å°é™ã§ã€CSS3ã§ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‹ã‘ã¦ä¸»ã«ä½¿ã†ã£ã¦ã„ã†ä½¿ã„æ–¹ãŒçµæ§‹å¢—ãˆã¦ãã†ã§ã™ ã—ã‹ã‚‚IE7以é™ã‚µãƒãƒ¼ãƒˆã§ã™ 関連エントリ 複数アニメーションを組ã¿åˆã‚ã›ã‚‰ã‚Œã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’実装ã§ãã‚‹jQueryプラグイン「Sequence.js〠レ
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}