インターフェイスデザインãŒç´ 晴らã—ã„iPhoneアプリをカテゴリ別・UIパターン別ã§è¦‹ã‚‰ã‚Œã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ -MobileMozaic
インターフェイスデザインãŒç´ 晴らã—ã„iPhoneアプリをカテゴリ別・UIパターン別ã§è¦‹ã‚‰ã‚Œã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ -MobileMozaic
インターフェイスデザインãŒç´ 晴らã—ã„iPhoneアプリをカテゴリ別・UIパターン別ã§è¦‹ã‚‰ã‚Œã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ -MobileMozaic
iPhoneã‚„Androidå‘ã‘ã®UIパターンギャラリー・Mobile Design Pattern Gallery - ã‹ã¡ã³ã¨.net
カテゴリãŒã—ã£ã‹ã‚Šåˆ†ã‘られã¦ã„㦠凄ã見やã™ã‹ã£ãŸã®ã§ã”紹介。iPhone ã‚„Androidå‘ã‘ã®UIパターンギャラリー ã§ã™ã€‚アプリデベãƒãƒƒãƒ‘ーã•ã‚“ã‚„ アプリデザイナーã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘㮠デザインã®å‚考ã«ã„ã‹ãŒã§ã—ょã†ã€‚ パターンギャラリーã¯ã‚‚ã†ã™ã§ã«ã„ãã¤ã‚‚ã‚ã‚Šã¾ã™ã‘ã©ã€ã“ã“ã¯ç‰¹ã«ã¡ã‚ƒã‚“ã¨åˆ†ã‘ã¦ãã‚Œã¦ã„ã‚‹ã®ã§è¦‹ã‚„ã™ã„å°è±¡ã§ã—ãŸã€‚ 左サイドã«å¤§ã¾ã‹ãªã‚«ãƒ†ã‚´ãƒªãƒ¼ãŒã‚ã‚Šã¾ã™ã€‚ãã‚Œãžã‚Œã«ã¯æ›´ã«ç´°ã‹ã„パターンã«åˆ†ã‘られã¦ã„ã¾ã™ã€‚ãŸã¨ãˆã°ã€ãƒŠãƒ“ゲーションãªã‚‰ãƒªã‚¹ãƒˆã‚¿ã‚¤ãƒ—ã€ãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ã‚«ãƒ«ãƒ¼ã‚»ãƒ«çœŸç´€ãªã©ã€‚ ã“ã¡ã‚‰ã¯æ¤œç´¢ã®ã‚«ãƒ†ã‚´ãƒªã€‚検索ボックスやã€ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—リートã€ã‚½ãƒ¼ãƒˆæ©Ÿèƒ½ä»˜ããªã©ãªã©ã€‚ インビテーション・・・サイトツアーã¿ãŸã„ãªã‚„ã¤ã§ã™ã€‚ã“ã†ã„ã†ã®ã‚ã‚“ã¾ã‚Šç´¹ä»‹ã•ã‚Œã¦ã¾ã›ã‚“よã。 パターンã¯ãã®å ´ã§Lightbox風ã«è¡¨ç¤ºã™ã‚‹ã®ã§ãƒšãƒ¼ã‚¸æŽ¨ç§»ã‚‚å¿…è¦ã‚ã‚Šã¾ã›ã‚“。 ã¿ãŸã„ãªæ„Ÿã˜ã®ãƒ‘ターンギャラリーã§ã™ã€‚
スマホサイトã®ä½œã‚Šæ–¹ã§ã€ã‚ã‚“ã¾ã‚Šæ›¸ã‹ã‚Œã¦ãªã„ã“ã¨ã‚’書ã„ã¦ã¿ãŸ - Kaleidoscope
ã€ã‚¹ãƒžãƒ›å¯¾å¿œã‚µã‚¤ãƒˆåˆ¶ä½œã®ã‚ˆã‚Šè©³ã—ã„記事ã¯ã“ã¡ã‚‰ã€‘ 1.メニュー編 2.HTMLã¨CSSã§ç”»åƒã‚’æ“る編（å‰ç·¨ï¼‰ 2.HTMLã¨CSSã§ç”»åƒã‚’æ“る編（後編） スマホサイトã®ä½œã‚Šæ–¹é–¢é€£ã®ãƒ–ãƒã‚°ã¨ã‹ã‚’見ã¦ã¦ã€viewport周りã®åŸºæœ¬çš„ãªè¨å®šã¯æ›¸ã‹ã‚Œã¦ã„ã‚‹ã®ã§ã™ãŒã€ 個人的ã«é‡è¦ã ã¨æ€ã†ãƒã‚¤ãƒ³ãƒˆãŒã€ãªã‹ãªã‹ã©ãªãŸã‚‚書ã„ã¦ã‚‰ã£ã—ゃらãªã„よã†ãªæ°—ãŒã™ã‚‹ã®ã§ã€ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãã‚Œã¯ã€ ã¨ã«ã‹ã内å´ã®HTMLè¦ç´ ã‚’ãƒãƒŸå‡ºã•ãªã„よã†ã«ä½œã‚‹ ã©ã†ã—ã¦ã‹ï¼Ÿ ãµã¤ã†ã¯ã€ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã¨ã„ã†ã®ã¯ç¸¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã‹ã•ã›ãŸããªã„ã§ã™ã‚ˆã。 例ãˆã°ã€iPhoneã§è¨€ã†Portrait（縦）表示ã®ã¨ãã€æ¨ªå¹…320pxを超ãˆãŸãƒšãƒ¼ã‚¸æ§‹æˆã«ãªã‚‹ã¨ã€ ãŠã‹ã—ãªæ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒç™ºç”Ÿã—ã¦ã—ã¾ã„ã¾ã™ã€‚ viewportã§æ‹¡å¤§ã¨ã‹ã®ç¦æ¢ã‚’ãŠã“ãªã£ã¦ã„ã¦ã‚‚ã€ãã†ãªã‚Šã¾ã™ã€‚ （ã¾ãã€æ‹¡å¤§ã¨ã¯æ„味ãŒé•ã†ã®ã§å½“然ãªã®ã§ã™ãŒã€‚。。） 具体的ã«ã©ã†ã„
WebサイトをiPhoneã§è¦‹ã‚„ã™ãã™ã‚‹5ã¤ã®æ–¹æ³•
2017å¹´6月29æ—¥ Webサイト制作, Webデザイン, 便利ツール iPhoneæŒã£ã¦ãªã„ãã›ã«WebクリエイターボックスをiPhoneã§è¦‹ã‚„ã™ã„よã†æ”¹è‰¯ã—ã¾ã—ãŸã€‚iPhoneã‹ã‚‰http://webcreatorbox.comã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨è‡ªå‹•çš„ã«http://webcreatorbox.mobify.meã«ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã•ã‚Œã¾ã™ã€‚（ã•ã‚Œã¦ãªã‹ã£ãŸã‚‰ç›´æŽ¥http://webcreatorbox.mobify.meã‹ã‚‰ãƒ‰ã‚¦ã‚¾â€¦ï¼‰ä»Šå›žã¯ä¸‹è¨˜ã«èª¬æ˜Žã™ã‚‹mobifyã¨ã„ã†ã‚µã‚¤ãƒˆã‹ã‚‰iPhone用サイトを作りã¾ã—ãŸãŒã€ä»–ã«ã‚‚便利ãªæ–¹æ³•ãŒã‚ã£ãŸã®ã§ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ 1. CSSã®ã¿ã§åˆ‡ã‚Šæ›¿ãˆã‚‹ iPhone用ã«ä½œæˆã—ãŸCSSを作りã€ãƒ‡ãƒã‚¤ã‚¹ã®å¹…ã«ã‚ˆã£ã¦ä½¿ç”¨ã™ã‚‹CSSを切り替ãˆã¾ã™ã€‚ <link rel
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}