ã€ã‚†ã£ãり実æ³ã€‘ゆã£ãりレジェンズ　ã»ãƒ¼ã£ã»ã£ã»ã£ã»ãƒ»ãƒ»ãƒ»ãƒ–ãƒåˆ‡ã‚Œã¾ã—ãŸã‚ˆï¼ï¼ãƒ¡ã‚«ãƒ•ãƒªãƒ¼ã‚¶æ§˜ã‚¬ãƒãƒ£ï¼ï¼
タブã¾ã‚りをカスタマイズã§ãる拡張機能３ï¼å€‹ã¾ã¨ã‚*二åæ³è¡—é“ã¾ã£ã—ãら
ã€ã‚†ã£ãり実æ³ã€‘ゆã£ãりレジェンズ　ã»ãƒ¼ã£ã»ã£ã»ã£ã»ãƒ»ãƒ»ãƒ»ãƒ–ãƒåˆ‡ã‚Œã¾ã—ãŸã‚ˆï¼ï¼ãƒ¡ã‚«ãƒ•ãƒªãƒ¼ã‚¶æ§˜ã‚¬ãƒãƒ£ï¼ï¼
[JS]タブã®æ©Ÿèƒ½æ€§ã®ã¿ã‚’追求ã—ãŸãƒ•ãƒ¬ã‚シブルãªè¶…軽é‡ã‚¹ã‚¯ãƒªãƒ—ト -EasyTabs
スムーズãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¿ãƒ–を切り替ãˆã€å„タブコンテンツã®#リンクã«ã‚‚対応ã—ãŸã€ã‚¿ãƒ–ã®æ©Ÿèƒ½æ€§ã®ã¿ã‚’追求ã—ãŸjQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ JQuery EasyTabs Plugin デモページ：åŒã˜ãƒšãƒ¼ã‚¸ã«è¤‡æ•°ã®ã‚¿ãƒ–ã‚’è¨ç½® [ad#ad-2] EasyTabsã®ä¸»ãªç‰¹å¾´ タブã®åˆ‡ã‚Šæ›¿ãˆæ™‚ã«ã¯ã‚¹ãƒ ーズãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¯èƒ½ 外観ã¯CSSã§ç°¡å˜ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå¯èƒ½ ブラウザã®ãƒãƒƒã‚¯ãƒœã‚¿ãƒ³ã¨ãƒ•ã‚©ãƒ¯ãƒ¼ãƒ‰ãƒœã‚¿ãƒ³ã«å¯¾å¿œ å„タブã¯#リンクãŒæœ‰åŠ¹ã§ãƒ–ックマークãŒå¯èƒ½ï¼ˆSEOã«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ï¼‰ タブã¯æŒ‡å®šã•ã‚ŒãŸæ™‚é–“ã§è‡ªå‹•åˆ‡ã‚Šæ›¿ãˆå¯èƒ½ ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã®ä½¿ç”¨ã¯ã—ã¦ã„ã¾ã›ã‚“ ページ内ã«è¤‡æ•°ã®ã‚¿ãƒ–コンテンツをè¨ç½®å¯èƒ½ valid HTML Markup 超軽é‡ï¼ˆ5KB） オープンソース（MIT and GPL licenses） タブã®ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã¯CSSã§ã‚‚JavaScriptã§ã‚‚å¯èƒ½ AJAXコンテンツ
[JS]çœã‚¹ãƒšãƒ¼ã‚¹ã«æœ€é©ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãƒãƒ¼ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã§æ‹¡å¤§è¡¨ç¤ºã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
複数ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をサムãƒã‚¤ãƒ«ã§é…ç½®ã—ã€ãƒãƒ¼ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã§æ‰“ã¡å‡ºã—エリアã«æ‹¡å¤§è¡¨ç¤ºã™ã‚‹ãƒ•ã‚£ãƒãƒ£ãƒ¼ãƒœãƒƒã‚¯ã‚¹ã‚’実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ Rotating Feature Boxes デモページ [ad#ad-2] デモã§ã¯å³å´ã«é…ç½®ã•ã‚ŒãŸã‚µãƒ ãƒã‚¤ãƒ«ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をクリックã™ã‚‹ã¨ã€æ‰“ã¡å‡ºã—エリアã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰ç§»å‹•ã—ã¦ã€å…¨æ–‡ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ※アニメーションã¯CSS3ã§å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ãŸã‚Chrome, Safariã®ã¿ã§ã€éžå¯¾å¿œãƒ–ラウザã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ç„¡ã—ã§ã™ã€‚ デモページ 2番をクリックã—ã¦ã€2番ãŒæ‰“ã¡å‡ºã—エリアã«ã€‚ [ad#ad-2] ãƒãƒ¼ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ãƒ•ã‚£ãƒãƒ£ãƒ¼ãƒœãƒƒã‚¯ã‚¹ã®å®Ÿè£… HTML 3ã¤ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯divè¦ç´ ã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€ãã‚Œãžã‚Œidã¨classを付与ã—ã€å…¨éƒ¨ã‚’divè¦ç´ ã§å†…包ã—ã¾ã™ã€‚ <div id="rotator"> <div id="block-1" cl
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}