最近ã®Webサイトã§è¦‹ã‹ã‘ã‚‹æ°—æŒã¡ã„ã„インタラクションやエフェクトã€é¢ç™½ã„仕掛ã‘ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„や便利ãªæ©Ÿèƒ½ã‚’実装ã§ãるスクリプトやjQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚
![[JS]最近ã®Webサイトã§è¦‹ã‹ã‘ã‚‹æ°—æŒã¡ã„ã„アニメーションã€ä¾¿åˆ©ãªä»•æŽ›ã‘や機能を実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トã®ã¾ã¨ã‚](https://cdn-ak-scissors.b.st-hatena.com/image/square/4df978511120c0727c18646f1d386ecdc2ab3a59/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015072304.png)
[JS]最近ã®Webサイトã§è¦‹ã‹ã‘ã‚‹æ°—æŒã¡ã„ã„アニメーションã€ä¾¿åˆ©ãªä»•æŽ›ã‘や機能を実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トã®ã¾ã¨ã‚
最近ã®Webサイトã§è¦‹ã‹ã‘ã‚‹æ°—æŒã¡ã„ã„インタラクションやエフェクトã€é¢ç™½ã„仕掛ã‘ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„や便利ãªæ©Ÿèƒ½ã‚’実装ã§ãるスクリプトやjQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚
ブラウザã«ã‚„ã•ã—ã„HTML/CSS
1. HTML/CSS 〜 「ãŠãƒ»ã‚‚・ã¦ãƒ»ãªãƒ»ã—ã€ã‚’ブラウザã«ã‚‚ 〜 TAKEHARU IGARI Front-end Engineer / Evangelist ブラウザã«ã‚„ã•ã—ã„ <html5j パフォーマンス部 第⼀回勉強会 /> 2. プãƒãƒ•ã‚£ãƒ¼ãƒ« • TAKEHARU IGARI 猪狩 丈治 - 所属 • æ ªå¼ä¼šç¤¾ Lei Hauʼoli フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ - ç•¥æ´ â€¢ 表⽰速度ã€ä¿å®ˆæ€§ã€ãƒ–ランディングã€SEOを考慮ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ã‚’å¾—æ„ã¨ã—〠ç¾åœ¨ã€å„ナショナルクライアントã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚„ã€æ ªå¼ä¼šç¤¾ãƒªã‚¯ãƒ«ãƒ¼ãƒˆã®ä¸»è¦ã‚µãƒ¼ãƒ“スã®ãƒ•ãƒãƒ³ãƒˆ エンド開発ã«æºã‚ã‚Šã€â¾¼é€ŸåŒ–コンサルティングもâ¾ã†ã€‚ - åŸ·ç† â€¢ 技術評論社「WEB+DB PRESS〠• Vol.66 〜我æµã‚³ãƒ¼ãƒ‰ã‹ã‚‰ã®å’æ¥HTMLæ§‹é€ åŒ–æŒ‡å— â€¢ Vol.59 〜「Webサイト超⾼速化実æ³ä¸ç¶™ ──
[JS]シンプルãªHTMLã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’実装ã™ã‚‹è¶…軽é‡ã®ã‚¹ã‚¯ãƒªãƒ—ト -Unslider
シンプルãªHTMLã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’実装ã™ã‚‹è¶…軽é‡ã®jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ デスクトップã®ã‚ーボードæ“作やスマフォ・タブレットã®ã‚¹ãƒ¯ã‚¤ãƒ—æ“作ã«ã‚‚å¯¾å¿œï¼ Unslider Unslider -GitHub Unsliderã®ç‰¹å¾´ Unsliderã®ãƒ‡ãƒ¢ Unsliderã®ä½¿ã„æ–¹ Unsliderã®ç‰¹å¾´ 超軽é‡ã®ã‚ªãƒ¼ãƒ—ンソース スクリプトã¯3KBã¨è¶…軽é‡ã®ã‚ªãƒ¼ãƒ—ンソースã§ã™ã€‚ 実装ã¯ç°¡å˜ã§ã‚¯ãƒªãƒ¼ãƒ³ HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã§ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚容易ã§ã™ã€‚ 高ã•ã®èª¿æ•´ サイズã«åˆã‚ã›ã¦ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®é«˜ã•ã‚’自動調整ã—ã¾ã™ã€‚ レスãƒãƒ³ã‚·ãƒ–対応 デスクトップ・タブレット・スマフォãªã©ã€ã•ã¾ã–ã¾ãªãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã€‚ ã‚ーボードæ“作ã®å¯¾å¿œ ã‚ーボード（矢å°ã‚ー）ã§ã®æ“作をサãƒãƒ¼ãƒˆã—ã¾ã™ã€‚ スワイプæ“作ã®å¯¾å¿œ jQuery.event.swipeをサãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã®ã§ã€ã‚¹ãƒ¯ã‚¤ãƒ—æ“作ã«
IE7 ãŒæ»ã‚“ã らã§ãã‚‹ã„ãã¤ã‹ã®ã“ã¨ï¼ˆ caniuse.com ã‹ã‚‰è¦‹ç¹•ã£ãŸã ã‘） - oogatta ã®ãƒ–ãƒã‚°
IE6 ã¸ã®å¯¾å¿œãŒä¸€æ®µè½ã—ãŸæ˜¨ä»Šã€ IE7 ã‚‚ã„よã„ã‚ˆäº‹å®Ÿä¸Šå¸‚å ´ã‹ã‚‰å§¿ã‚’消ã™æ—¥ãŒè¿‘ã¥ã„ã¦ããŸã‚ˆã†ã§ã™ã€‚flickr ãŒä»Šå¹´ä»¥é™ãƒªãƒªãƒ¼ã‚¹ã™ã‚‹æ–°æ©Ÿèƒ½ã«ã¦ IE7 をサãƒãƒ¼ãƒˆã—ãªã„ã“ã¨ã‚’表明ã—ã¾ã—ãŸã€‚ç§ã®å‹¤å‹™å…ˆã§ã‚‚ã€ä»Šã‚‚ã®ã™ã”ã„å‹¢ã„㧠IE7 ã®ã‚·ã‚§ã‚¢ãŒä½Žä¸‹ã—ã¦ãŠã‚Šã€ä»Šå¹´ã®å¤ã‹ã‚‰å†¬ã«ã‹ã‘ã¦ã€ä»Šã® IE6 ã¨åŒã˜ãらã„ã®ã‚·ã‚§ã‚¢ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œãªã„å‹¢ã„ã§ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ IE ã®æœ€ä½Žå‹•ä½œä¿è¨¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒ 7 ã‹ã‚‰ 8 ã«ãªã£ãŸã‚‰ä½•ãŒã§ãるよã†ã«ãªã‚‹ã®ã‹ã€åƒ•ã‚‰ã® caniuse.com を見ã¦ã–ã£ã¨æ´—ã„出ã—ã¦ã¿ã¾ã—ãŸã®ã§ã”å‚ç…§ãã ã•ã„。 CSS inline-block display:inline-block ãŒä½¿ãˆã¾ã™ã€‚IE 6/7 ã§ã¯ "display:inline; zoom:1;" ã§ä»£ç”¨ã—ã¦ã„ãŸã¨æ€ã„ã¾ã™ã€‚ Table Display display:table 〠display:t
ã‚‚ã†FLASHä¸è¦ã‹ã‚‚? HTML5アニメ作æˆã‚½ãƒ•ãƒˆï½¢Hypeï½£ç™»å ´ iOSã«ã‚‚対応! ã€å¢—ç”°(@maskin)真樹】 | TechWave（テックウェーブ）
[èªäº†æ™‚é–“:1分] ウェブコンテンツã«é…力的ãªå‹•ãを付与ã§ãã‚‹FLASH。ã—ã‹ã—ã€Adobe社ã®å…¬å¼ã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ãƒ„ールã¯é«˜é¡ã§ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã˜ã‚ƒãªã„ã¨æ‰‹ãŒå±Šãã«ãã‹ã£ãŸã€‚ãã®å¯¾æŠ—馬ã¨ã—ã¦æ³¨ç›®ã‚’æµ´ã³ã¦ã„る次期ウェブ標準仕様ã®HTML5をベースã«ã€æ‰‹è»½ã«ã‚¢ãƒ‹ãƒ¡ã‚„スライドを作æˆã§ãるツール「Hypeã€ãŒç±³æ™‚é–“ã®5月20æ—¥ã«ãŠç›®è¦‹ãˆã—ãŸã€‚ Mac OS X用ソフトã¨ã—ã¦æ—¢ã«App Storeã§è²©å£²ä¸ã€‚ä¾¡æ ¼ã¯USストアã§ã¯29ドルã§ã€æ—¥æœ¬ã ã¨3500円ã¨å‰²é«˜ã ãŒæ—¥æœ¬èªžãƒãƒ¼ã‚«ãƒ©ã‚¤ã‚ºç‰ˆãŒå…¥æ‰‹ã§ãる。 ツールã¯ã€FLASHオーサリングツールãªã©ã‚’使用ã—ãŸã“ã¨ãŒã‚る人ãªã‚‰ã€æ•°åˆ†ã‚‚ã‚ã‚Œã°ä½¿ã„始ã‚られるã ã‚ã†ã€‚始ã‚ã¦ã“ã®æ‰‹ã®ä½œå“を手ãŒã‘る人ã¯å°‘ã—手ã¾ã©ã†ã‹ã‚‚ã—ã‚Œãªã„ãŒã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«å‹•ç”»ãŒã‚ã‚‹ã®ã§ã€ã“れを一通り見れã°è¦‹ã‚ˆã†è¦‹ã¾ãã§ã‚¹ã‚¿ãƒ¼ãƒˆã§ãã‚‹ã ã‚ã†ã€‚ã¾ãŸã€ä»Šå›žã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã©ã®ã‚ˆã†ãªã“ã¨ãŒã§ãã‚‹ã®ã‹ã¯ã€ã‚®ãƒ£ãƒ©ãƒª
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà . Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
jQueryã§ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’ã™ã”ã„å½¢ã«ã‚«ãƒƒã‚³ã‚ˆãã—ã¡ã‚ƒã†æ–¹æ³•:phpspot開発日誌
jQueryã§ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’ã™ã”ã„å½¢ã«ã‚«ãƒƒã‚³ã‚ˆãã—ã¡ã‚ƒã†æ–¹æ³•ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ 具体的ãªãƒ‡ã‚¶ã‚¤ãƒ³ã¯ä»¥ä¸‹ã€‚ã‚‚ã†ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®åŽŸåž‹ãŒãªã„ã¨ã„ã†ã€é¢ç™½ãã¦åˆ†ã‹ã‚Šã‚„ã™ã„ＵＩã«èª¿æ•´ã•ã‚Œã¦ã„ã¾ã™ã€‚ マークアップ上もã€æ¬¡ã®ã‚ˆã†ã«ç¶ºéº—ã«ãªã£ã¦ã„ã¾ã™ã€‚ 実際ã®ã‚¿ã‚°ã¯ã€ä¸å¯è¦–ã«ã—ã¡ã‚ƒã£ã¦ã€jqueryã«ã‚ˆã£ã¦ã€on/off を切り替ãˆã‚Œã°ã„ã„ã‚ã‘ã§ã™ã‹ã‚‰ã€ã¾ã•ã«ä½•ã§ã‚‚ã‚ã‚Šã§ã€å‚考ã«ã—ã¦ä»–ã«ã‚‚é¢ç™½ãã€ä½¿ã„ã‚„ã™ã„デザインã¯ã„ãらã§ã‚‚作れるã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 jQueryã«ã‚ˆã‚‹ã‚¯ãƒã‚¹ãƒ–ラウザ対応ãŒå‡ºæ¥ã‚‹ã®ã§ã€æ˜”ã®ã‚ˆã†ã«ç¥žçµŒè³ªã«ãªã‚‹å¿…è¦ã‚‚ãªã„ã§ã™ã。 詳細ã¯ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã‹ã‚‰å‚照。 Pretty checkboxes with jQuery | Aaron Weyenberg
JavaScriptコーディングã«é–¢ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„パフォーマンスç‰ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹é›†:phpspot開発日誌
最近発見ã—ãŸã€JavaScriptコーディングã«é–¢ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„パフォーマンスç‰ã®å‚考ã«ãªã‚Šãã†ãªã‚¨ãƒ³ãƒˆãƒªã‚’リファレンスをã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ Avoiding Problems With JavaScript’s getElementById Method in Internet Explorer 7 | Impressive Webs IE7ã®getElementByIdã§èµ·ã“ã‚‹å•é¡Œã‚’é¿ã‘ã‚‹ãŸã‚ã®TIPS集。 How to add a CSS Link programmatically using JavaScript <link>ã‚¿ã‚°ã‚’JavaScriptã«ã‚ˆã£ã¦å‹•çš„ã«ä½œæˆã—ã¦CSSã‚’å‹•çš„ã«è¨å®šã™ã‚‹ã‚³ãƒ¼ãƒ‰ä¾‹ JavaScript CSS Selector Benchmarks CSSセレクタã§DOMã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹éš›ã®å„フレームワークã§ã®é€Ÿåº¦ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯æ¯”較 6 Ways To Wor
jQueryを使ã£ãŸé–‹ç™ºã«ä¾¿åˆ©ï¼Firebug + jQuery·FireQuery MOONGIFT
Firefoxを使ã£ã¦Webシステムを開発ã™ã‚‹éš›ã«ã¯å¿…é ˆã¨ã‚‚言ãˆã‚‹Firebug。ãã—ã¦äººæ°—ã®é«˜ã„JavaScriptライブラリã®jQuery。ã“ã®äºŒã¤ãŒçµ„ã¿åˆã‚ã•ã£ãŸã¨ãã€ã“ã‚Œã¾ã§ä»¥ä¸Šã®é…力ãŒæ„Ÿã˜ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ マウスを当ã¦ã‚‹ã¨ãã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒãƒã‚¤ãƒ©ã‚¤ãƒˆè¡¨ç¤ºã•ã‚Œã‚‹ ãã†ç¢ºä¿¡ã§ãã‚‹ã®ãŒFireQueryを使ã£ãŸçž¬é–“ã 。ã“ã®äºŒã¤ã®èžåˆã¯ã€JavaScriptã®é–‹ç™ºã‚’ãƒãƒ¼ã‚¹ãƒˆã—ã¦ãれるã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚ 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯FireQueryã€Firebugã¨é€£æºã™ã‚‹jQuery開発補助アドオンã 。 FireQueryã¯console.logã«åã出ã—ãŸå†…容を元ã«ã€ç”»é¢ä¸Šã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’ãƒã‚¤ãƒ©ã‚¤ãƒˆã—ã¦ãれる。例ãˆã°console.log($('p'));ã¨å‡ºã›ã°ã€ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã«å‡ºåŠ›ã•ã‚ŒãŸ jQuery(p)ã¨ã„ã†è¡¨ç¤ºã«ãƒžã‚¦ã‚¹ã‚’当ã¦ã‚‹ã¨ã€è©²å½“部分ãŒãƒã‚¤ãƒ©ã‚¤ãƒˆè¡¨ç¤ºã«ãªã‚‹ã€‚ã©
ASCII.jp：Web制作会社ãŒä½œã£ãŸï¼è¶…使ãˆã‚‹JavaScriptライブラリ
「Webサイトを作るã¨ãã«æœ¬å½“ã«ã‚ˆã使ã†æ©Ÿèƒ½ã‚’ã€è‡ªåˆ†ã§ä½œã‚‰ãšã«ã•ãã£ã¨å®Ÿè£…ã—ãŸã„ã€â€•â€•ã€‚ãã‚“ãªãƒ¯ã‚¬ãƒžãƒžãªé¡˜æœ›ã‚’ã‹ãªãˆã¦ãれる JavaScriptライブラリãŒç™»å ´ã—ãŸã€‚ミツエーリンクスãŒä»Šæœˆã‚ªãƒ¼ãƒ—ンソースã¨ã—ã¦å…¬é–‹ã—ãŸã€ŒMJL（MITSUE-LINKS JavaScript Library）ã€ã¯ã€Webサイト制作ã«å¿…é ˆã®â€œæœ€å°é™ã®æ©Ÿèƒ½â€ã«çµžã£ãŸJavaScriptライブラリã 。 昨今相次ã„ã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã€ãƒªãƒƒãƒãªUIを実ç¾ã™ã‚‹JavaScript/Ajaxライブラリã¨ã¯ç•°ãªã‚Šã€MJLã®æ©Ÿèƒ½ã¯ã¨ã¦ã‚‚シンプルã 。もã¨ã‚‚ã¨Web制作会社ã§ã‚るミツエーリンクスãŒã€Œè‡ªç¤¾æ¨™æº–ライブラリã€ã¨ã—ã¦ä½œæˆã—ãŸã‚‚ã®ã ã‘ã‚ã£ã¦ã€æ±Žç”¨æ€§ãƒ»å®Ÿç”¨æ€§ã‚’é‡è¦–ã—ãŸãƒ©ã‚¤ãƒ–ラリã«ãªã£ã¦ã„る。 具体的ãªæ©Ÿèƒ½ã¯ä»¥ä¸‹ã®6ã¤ã€‚確ã‹ã«ã©ã‚Œã‚‚よã使ã„ãã†ãªã‚‚ã®ã°ã‹ã‚Šã 。 ç”»åƒã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ Flashオブジェクト埋ã‚è¾¼ã¿ã®æ©Ÿèƒ½æ‹¡å¼µ æ–°è¦
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
[JS]jQueryã®ãƒ—ラグイン33+1é¸ -2009å¹´4月 | コリス
{{#tags}}- {{label}}
{{/tags}}