iPhoneアプリã®ã‚ˆã†ãªãƒªãƒƒãƒãªUIをブラウザã§å®Ÿç¾ï¼Web 2.0 TouchãŒå‡„ã™ãŽã‚‹ï¼ » SHINGOLOG
iPhoneアプリã®ã‚ˆã†ãªãƒªãƒƒãƒãªUIをブラウザã§å®Ÿç¾ï¼Web 2.0 TouchãŒå‡„ã™ãŽã‚‹ï¼ 2011å¹´8月25æ—¥ in iPhone, Web Web 2.0 Touchã¯ã€WebKitエンジン上ã§å‹•ä½œã™ã‚‹JavaScriptライブラリã§ã™ã€‚ 2011/8/22ã«å…¬é–‹ã•ã‚ŒãŸã°ã‹ã‚Šã®æ¨¡æ§˜ã€‚ iPhoneアプリã®ã‚ˆã†ãªãƒªãƒƒãƒãªUIをブラウザã§ã‚‚ç°¡å˜ã«ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ iPhone・iPad・Androidã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ã©ã‚“ãªå‹•ããŒå‡ºæ¥ã‚‹ã®ã‹ã€ã“れを見るã¨ä¸€ç›®çžç„¶ã§ã™ã€‚ アニメーション 上下左å³ã®ãƒ•ãƒªãƒƒãƒ—(ç”»é¢ãŒå転ã™ã‚‹å‹•ã)ã€ãƒãƒƒãƒ—インã€ãƒãƒƒãƒ—アウトã€ä¸Šä¸‹å·¦å³ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãŒå‡ºæ¥ã¾ã™ã€‚ テーブル表示 ãŠé¦´æŸ“ã¿ã®ãƒ†ãƒ¼ãƒ–ル表示もã“ã®é€šã‚Šã€‚角丸タイプã®ãƒ†ãƒ¼ãƒ–ルも作れるよã†ã§ã™ã€‚ ボタンやタブ表示ã€å¹ã出㗠タブ表示ã¯ä¾¿åˆ©ãªæ©Ÿèƒ½ã§ã™ãŒã€è‡ªåˆ†ã§ã¯ã¨ã¦ã‚‚作れãªã„ã¨ã“ã‚ãªã®ã§ã€éœ€è¦ã‚ã‚Šãã†
jQueryを使ã£ãŸã‚¿ãƒ–メニューã®å®Ÿè£…サンプルã¾ã¨ã‚
**追記** ã“ã®è¨˜äº‹ã¨ã¯ç›´æŽ¥é–¢ä¿‚ã‚ã‚Šã¾ã›ã‚“ãŒã€è‡ªä½œã®ã‚¿ãƒ–プラグインを貼ã£ã¦ãŠãã¾ã™ã€‚ rin316/jquery.tab: jQuery tab plugin. **追記終ã‚ã‚Š** 仕事ã§jQueryを使ã£ãŸã‚¿ãƒ–メニューを作ã£ãŸã®ã§å¿˜ã‚Œãªã„よã†ã«ãƒ¡ãƒ¢ã€‚ ãã‚Œãžã‚Œã®æŒ™å‹•ã‚‚比較ã—ã‚„ã™ã„よã†ã«ä¸¦ã¹ã¦ã¿ã¾ã—ãŸã€‚ 今日ãŒå‹‰å¼·åˆæŠ•ç¨¿ã®æ—¥ï¼ 写真:æ–°å·é€šã‚Šã§æ’®ã£ãŸæ¡œã€‚ ã¾ãšã¯ãƒ•ã‚¡ã‚¤ãƒ«ã®ç”¨æ„ 下記リンクã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€‚ ・jQuery本体…Past Releases内→最新ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®Minified ・Download Builder | jQuery UI　(ã“ã®ã‚µã‚¤ãƒˆã§ä½¿ã£ã¦ã„ã‚‹ui.tabs.zip) head内ã«ãƒªãƒ³ã‚¯ã‚’張る ダウンãƒãƒ¼ãƒ‰ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã«å¯¾ã—ã¦ã€head内ã«ãƒªãƒ³ã‚¯ã‚’張りã¾ã™ã€‚ [html] [/html] ã•ã£ãã使ã£ã¦ã¿ã‚‹ 本文ã«htmlã‚’è¿½åŠ ã€‚ [html] タブ1 タブ2
zshã®ã‚¤ãƒ³ã‚¯ãƒªãƒ¡ãƒ³ã‚¿ãƒ«è£œå®ŒãŒã‚«ãƒƒã‚³ã‚¤ã‚¤ä»¶ã«ã¤ã„㦠- ã™ãŒãƒ–ãƒ
zsh ã§ã®ã‚³ãƒžãƒ³ãƒ‰å…¥åŠ›æ™‚ã«è£œå®Œã—ã¦ãれる 例ãˆã°ã€ ls -l /Us ã¾ã§å…¥åŠ›ã™ã‚‹ã¨ã€ ls -l /Users ã¨è£œå®Œã—ã¦ãれる。 ã“ã‚“ãªæ„Ÿã˜ã§ã€è£œå®Œã•ã‚ŒãŸæ–‡å—ã¯ç·‘色ã§è¡¨ç¤ºã•ã‚Œã‚‹ã€‚ 複数候補ãŒå‡ºãŸå ´åˆã¯å…¥åŠ›è¡Œã®ä¸‹ã« Tab ã§è¤‡æ•°ã®å€™è£œãŒã§ã‚‹ã®ã¨åŒã˜æ„Ÿã˜ã§è¡¨ç¤ºã•ã‚Œã‚‹ã€‚ 元々 Tab ã§ã®è£œå®Œã‚’使ã£ã¦ã„ãŸã®ã ã‘ã©ã€ Tab ã§ã®è£œå®ŒãŒçµžã‚Šè¾¼ã¾ã‚Œã‚‹ã¾ã§ä½•æ–‡å—ã‹å…¥åŠ›ã—よã†ã¨ã—ã¦ç¶´ã‚Šã‚’é–“é•ãˆã‚‹ã¨ã„ã†ã®ãŒçµæ§‹ã‚ã£ãŸã€‚ ã—ã‹ã—ã€ã“ã‚ŒãŒã‚ã‚Œã°ã€ãã®ã‚ˆã†ãªã‚·ãƒ§ãƒ¼ã‚‚ãªã„綴り間é•ã„ãŒæ¸›ã‚Šãã†ãªæ°—ãŒã—ã¦ã„ã‚‹ã®ã§ã—ãŸã€‚ 導入方法 Incremental completion on zsh 上記ã«è¡Œã£ã¦ zsh ファイルをä¿å˜ã™ã‚‹ã€‚ % mkdir -p .zsh/plugin % cd .zsh/plugin % curl -O -L http://mimosa-pudica.net/src/incr-0.
Pttrns — Mobile User Interface Patterns
Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Tei SPe ã¶ã‚ã:Rainmeter Skins - ãŠã™ã™ã‚スã‚ン
https://jp.techcrunch.com/2011/06/01/20110531design-changes-the-way-we-experience-the-web/
Android UI Patterns
{{#tags}}- {{label}}
{{/tags}}