jQueryã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‚¿ãƒ–ã¨ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã‚’切り替ãˆã‚‹UIをシンプルã«å®Ÿè£…ã™ã‚‹æ–¹æ³•ï½œBLACKFLAGレスãƒãƒ³ã‚·ãƒ–Webデザインã§ã®ã‚µã‚¤ãƒˆæ§‹ç¯‰ã«ãŠã„ã¦ã€ PCã®ã‚ˆã†ãªå¤§ããªè§£åƒåº¦ã®ç”»é¢å‘ã‘ã®å ´åˆã§ã¯ã‚¿ãƒ–切り替ãˆã§å®Ÿè£…ã—ã¦ã„ã‚‹UIã‚’ スマートフォンå‘ã‘ã®å°ã•ã‚ã®è§£åƒåº¦ã®ç”»é¢ã§ã¯ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³æ–¹å¼ã®UI㫠切り替ãˆã‚‹å‹•ä½œã‚’見ã‹ã‘ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ãã‚Œãžã‚Œã®ç”»é¢è§£åƒåº¦ã«ã‚ˆã£ã¦æœ€é©ãªUIã«åˆ‡ã‚Šæ›¿ãˆã‚‹æ‰‹æ®µã«ãªã‚Šã¾ã™ãŒ ãã‚“ãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‚¿ãƒ–ã¨ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³åˆ‡ã‚Šæ›¿ãˆUIã‚’ jQueryを使ã£ã¦ã§ãã‚‹ã ã‘シンプルã«ä½œã£ã¦ã¿ãŸã®ã§ã”紹介ã—ã¦ã¿ã¾ã™ã€‚ 「jQueryã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‚¿ãƒ–ã¨ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã‚’切り替ãˆã‚‹UIをシンプルã«å®Ÿè£…ã™ã‚‹æ–¹æ³•ã€ã‚µãƒ³ãƒ—ãƒ«ã‚’åˆ¥æž ã§è¡¨ç¤º サンプルã§ã¯ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºãŒ768px以上ãªã‚‰ã°ã‚¿ãƒ–切り替ãˆã€ 768px以下ã ã£ãŸã‚‰ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³å‹•ä½œã«åˆ‡ã‚Šæ›¿ã‚ã‚Šã¾ã™ã€‚ タブ切り替ãˆã§ã¯ãƒœã‚¿ãƒ³ã‚¯ãƒªãƒƒã‚¯ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„è¦ç´ ãŒãƒ•ã‚§ãƒ¼ãƒ‰ã§åˆ‡ã‚Šæ›¿ã‚ã‚Š アコーディオンã§ã¯ãƒœã‚¿ãƒ³ã‚¯ãƒªãƒƒã‚¯ã§ä»˜éšã™
[JS]普通ã®ã‚¿ãƒ–ã‹ã‚‰ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’å‚™ãˆãŸã‚¿ãƒ–ã¾ã§ç°¡å˜ã«å®Ÿè£…ã§ãるスクリプト -Tabslet
シンプルã§æ±Žç”¨æ€§ã«å„ªã‚ŒãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‚¿ãƒ–コンテンツ -Basic Tabs
2012å¹´ã«è¦‹ã¤ã‘ãŸå…¥ã‚Œã¦ãŠãã¨ä¾¿åˆ©ãªã‚ªã‚¹ã‚¹ãƒ¡Chrome拡張機能ベスト5 | フリーソフトラボ.com
Macã®Finderã«ã‚¿ãƒ–æ©Ÿèƒ½ã‚’ä»˜åŠ ã™ã‚‹ç„¡æ–™ã‚¢ãƒ—リ「XtraFinderã€ãŒä¾¿åˆ©ã€‚カット＆ペーストもï¼
エクセル（Excel）ã§ã€Œãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ä»˜ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆã€ã‚’作る方法 | ライフãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ン
[JS]スライダーやタブやページãƒãƒ¼ã‚·ãƒ§ãƒ³ãªã©ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’å°‘ãªã„コードã§å®Ÿè£…ã™ã‚‹è¶…軽é‡ï¼ˆ8kb）ã®ã‚¹ã‚¯ãƒªãƒ—ト -vanity
ChromeExtension「Gestures for Chromeã€ã®ã‚¹ãƒ ーススクãƒãƒ¼ãƒ«ãŒãƒ¤ãƒã‚¤
é–‰ã˜ã‚‰ã‚Œã‚‹ã‚¿ãƒ–UIを実装ã§ãã‚‹jQueryサンプル「Magic Tabsã€:phpspot開発日誌
HTML 㨠CSS ã®ã¿ã§ã‚¿ãƒ–を作るサンプル
ボタンやタブã€ã‚¹ãƒ©ã‚¤ãƒ‰ãªã©ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’実装ã™ã‚‹jQueryベースã®UIライブラリ・Ninja UI - ã‹ã¡ã³ã¨.net
[CSS]「:beforeã€ã€Œ:afterã€ã§ã‚¿ãƒ–ã®ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã‚’強化ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
{{#tags}}- {{label}}
{{/tags}}