Yetii - Yet (E)Another JavaScript Tab Interface Implementation | kminek.pl
Yetii stands for Yet (E)Another JavaScript Tab Interface Implementation. There are plenty of DHTML tabs scripts out there but most of them are either poorly coded, library/framework dependend or bloated with unnecessary functionality. So I`ve decided to come up with this simple, yet functional tab interface implementation. Features extremely lightweight, object-oriented code gracefull degradation
タブã®æ£ã—ã„使ã„æ–¹
13ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’守ã£ã¦ã‚¿ãƒ–を使ã£ã¦ã„るサイトã«Yahoo FinanceãŒã‚る。ã—ã‹ã—ã€AJAXã®ä½¿ã„éŽãŽã‚„改善ã®ä½™åœ°ãŒæ®‹ã‚‹ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒšãƒ¼ã‚¸ãªã©ã‚’見るé™ã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã¯ã¾ã 上ã’られる。 Tabs, Used Right by Jakob Nielsen on September 17, 2007 Web上ã§ãƒ€ã‚¤ã‚¢ãƒã‚°ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã‚’æ£ã—ã使ã£ã¦ã„るユーザ・インターフェイスを見ã‹ã‘ã‚‹ã“ã¨ã¯æ»…多ã«ãªã„。ラジオボタンやãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®ã‚ˆã†ã«å˜ç´”ãªã‚‚ã®ã§ã•ãˆã€æ£ã—ã使ã‚ã‚Œã¦ã„ãªã„ã“ã¨ãŒå¤§åŠã 。ドãƒãƒƒãƒ—ダウンメニューã«è‡³ã£ã¦ã¯ã‚‚ã£ã¨ã²ã©ã„状態ã ã—ã€Flashサイトをå°ç„¡ã—ã«ã™ã‚‹è‡ªä½œã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚‚後を絶ãŸãªã„。 最近リニューアルã•ã‚ŒãŸYahoo Financeã®ãƒ›ãƒ¼ãƒ ページã§ã¯ã€ã‚¿ãƒ–ã‚’æ£ã—ã使ã£ã¦ã„る。2箇所ã»ã©æŠœç²‹ã—ã¦ã”覧ã«å…¥ã‚Œã‚ˆã†ã€‚ Yahoo Financeã®ãƒ›ãƒ¼
javascript タブUIå°Žå…¥ã®å‚考ã«ãªã‚‹ã‚µã‚¤ãƒˆ - WEBデザイン　BLOG
JavaScript ã§ã‚¿ãƒ–切り替㈠UI を実装ã™ã‚‹ | WWW WATCH(http://hyper-text.org/archives/2007/09/javascript_tab.shtml) ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’ã¿ã¦ã„ã„ãªã‚³ãƒ¬ã£ã¨æ€ã£ãŸã®ã§ã€ã‚¿ãƒ–UIå°Žå…¥ã§å‚考ã«ãªã‚‹ã„ã„サイトãªã‚“ã‹ã‚’紹介ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 以å‰ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãƒ–ãƒã‚°GTD　WEBデザイナー独立ã™ã‚‹ãŸã‚ã«ï¼ˆãã®ï¼‘） - WEBデザイン　BLOG「jQuery・javascriptを使ã£ã¦ã®ã•ã¾ã–ã¾ãªã‚¢ãƒ—ãƒãƒ¼ãƒæ–¹æ³•ã‚’実践ã™ã‚‹ã€ã®ä¸ã§ã¨WEB標準ã§ã®C O U L Dé•·è°·å·æ§˜ã®ã€Œè§£ä½“Apple.comã€ã®PDFを見ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¢ãƒ—ãƒãƒ¼ãƒã«ä½¿ãˆã‚‹ã£ã¦ã“ã¨ã§ç´¹ä»‹ã—よã†ã¨æ€ã£ã¦ã„ãŸãƒã‚¿ã§ã™ã€‚実際ã«ã€è‡ªåˆ†ã‚µã‚¤ãƒˆã‚’ç«‹ã¡ä¸Šã’る時もタブã®å®Ÿè£…ã¯è€ƒãˆã¦ã„ã¾ã—ãŸã®ã§ä»Šæ—¥ã®å‹¢ã„ã§ã€‚ タブã§ã‚‚ã•ã¾ã–ã¾ãªã‚¿ã‚¤ãƒ—ãŒã‚ã£ã¦ã€å°Žå…¥ã—ã¦ã¿ãŸã„ã‚‚ã®ã¨å®Ÿéš›ã«ä½¿
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}