ç„¡æ–™ã§ä½¿ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ãƒ³ãƒ—レート集 14サイト - DesignWalker
著作権表示ãªã—ã§ä½¿ãˆã‚‹CSSテンプレート [Cool Web Window]
インターãƒãƒƒãƒˆãŒã“ã‚Œã¾ã§ä»¥ä¸Šã«ä¸–界を繋ãよã†ã«ãªã£ãŸã“ã¨ã§ã€æ•™è‚²ã‹ã‚‰ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ†ã‚¤ãƒ¡ãƒ³ãƒˆã¾ã§ã€ã‚らゆるもã®ãŒã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã®ä¸–ç•Œã§ã®ãƒ‹ãƒƒãƒã‚’確立ã—ã¦ã„ã¾ã™ã€‚ギャンブルも例外ã§ã¯ã‚ã‚Šã¾ã›ã‚“。多ãã®äººã¯ã€å·¨é¡ã®è³žé‡‘ã‚’ç²å¾—ã§ãã‚‹ãƒãƒ£ãƒ³ã‚¹ã‚ˆã‚Šã‚‚ã€ã‚®ãƒ£ãƒ³ãƒ–ルãã®ã‚‚ã®ã®ã‚¹ãƒªãƒ«ã¨èˆˆå¥®ã‚’求ã‚ã¦ã‚«ã‚¸ãƒŽã‚’訪れるã“ã¨ã®æ–¹ãŒå¤šããªã£ã¦ã„ã¾ã™ã€‚ãã®ãŸã‚ã€å®Ÿåº—舗ã®ã‚«ã‚¸ãƒŽã®ã‚ˆã†ãªé›°å›²æ°—作りãŒã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚«ã‚¸ãƒŽã®æœ€å¤§ã®èª²é¡Œã¨ãªã£ã¦ã„ã¾ã™ã€‚多ãã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚«ã‚¸ãƒŽã¯ã€é•·å¹´ã«ã‚ãŸã£ã¦ãã®èª²é¡Œã«å–り組ã¿ã€å®Ÿç¾ã«æˆåŠŸã—ã¦ã„ã¾ã™ã€‚
Viewport [iPhone生活]
*device-widthã¯iPhone横æŒã¡ã®å ´åˆã§ã‚‚å¿…ãš320pxã€device-heightã¯iPhone縦æŒã¡ã®å ´åˆã§ã‚‚å¿…ãš480pxã¨ãªã‚Šã¾ã™ 例ãˆã°ä»¥ä¸‹ã¯ã€Viewportã®æ¨ªå¹…ãŒiPhoneã®ãƒ‡ã‚£ã‚¹ãƒ—レイã®ã‚µã‚¤ã‚ºã§ã€å€çŽ‡ã¯1ã€2å€ã¾ã§æ‹¡å¤§å¯èƒ½ã€ã¨ã„ã†å†…容ã§ã™ã€‚ æ写ã®ãƒ—ãƒã‚»ã‚¹ã‚’検証ã™ã‚‹ã«å½“ãŸã£ã¦ã®æ¡ä»¶ 以下ã®èª¬æ˜Žã§ã¯è¤‡é›‘ãªçŠ¶æ³ã‚’説明ã™ã‚‹å ´åˆã‚‚ã‚ã‚‹ãŸã‚ã€ç‰¹å®šã®èªžå¥ã‚’特定ã®æ„味ã§ã®ã¿ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚特定ã®èªžå¥ã¯ä»¥ä¸‹ã§ã™ã€‚ viewport Viewportã®ãƒ¡ã‚¿ã‚¿ã‚°ã§æŒ‡å®šã—ãŸå€¤ã¾ãŸã¯å¾Œã«SafariãŒè¨ˆç®—ã—ãŸå€¤ã€‚initial-scale/width/heightã®3ã¤ã€‚ コンテンツ（サイズ） HTMLã«è¨ç½®ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚µã‚¤ã‚º ドã‚ュメント（サイズ） 余白をå«ã‚ãŸHTML全体ã®ã‚µã‚¤ã‚ºã€‚ウィンドウよりも大ãã„å ´åˆã¯ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã§è¦‹ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹å…¨ä½“ã®ã‚µã‚¤ã‚ºã€‚ ウィンドウ
スマートフォン対応サイトã®ä½œã‚Šæ–¹ã€æ•™ãˆã¾ã™ (1/3)
「WebサイトをiPhoneã‚„Androidã§è¦‹ã‚„ã™ã表示ã—ãŸã„ã€ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚’ターゲットã«ã—ãŸWebサイトをデザインã—ãŸã„ã€â€•â€•ãã‚“ãªWeb制作者ã®ãŸã‚ã®æ–°é€£è¼‰ãŒã‚¹ã‚¿ãƒ¼ãƒˆã—ã¾ã™ã€‚PCサイト制作ã®ãƒŽã‚¦ãƒã‚¦ã•ãˆã‚ã‚Œã°ã€ã€Œãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã¯æœªçµŒé¨“ã€ã§ã‚‚大丈夫。スマートフォン（iPhone/Android）å‘ã‘サイト制作ã®åŸºç¤ŽçŸ¥è˜ã‹ã‚‰å®Ÿè·µçš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¾ã§ã€H2O Space.ã®ãŸã«ãã¡ã¾ã“ã¨ã•ã‚“ãŒè§£èª¬ã—ã¾ã™ã€‚（編集部） iPhoneã®å¿«é€²æ’ƒã¨iPhone 4ã®ç™»å ´ã€Android端末ã®Xperiaã¨Desireã®ãƒ’ットã€auåˆã®å›½ç”£Android端末「IS01ã€ã®ç™ºå£²â€•â€•ã¨ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®å‹¢ã„ãŒæ¢ã¾ã‚Šã¾ã›ã‚“。ã„ã¾ã‚„一部マニアやビジãƒã‚¹ãƒžãƒ³ã«ã¨ã©ã¾ã‚‰ãšã€å¥³æ€§ã‚„ãŠå¹´å¯„ã‚Šãªã©ã®å¹…広ã„層ã«ã¾ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®åˆ©ç”¨ã¯åºƒãŒã‚Šã€ã€Œ1å°ç›®ã®æºå¸¯é›»è©±ã€ã¨ã—ã¦è³¼å…¥ã™ã‚‹äººã‚‚çã—ããªããªã‚Šã¾ã—ãŸã€‚ PCã¨ã®é€£æºã€
Webサービスã€æœ€åˆã®å®£ä¼ - ゆーã™ã‘ã¹ãƒ¼æ—¥è¨˜
Webサービスã®ãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ï¼Ÿã«ã¤ã„ã¦å€‹äººçš„ã«ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ WebサービスãŒã§ããŸã‚‰æƒ³å®šã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ä½¿ã£ã¦ã‚‚らã‚ãªã„ã¨å¯‚ã—ã„ã¨ã“ã‚ã§ã™ã€‚ ãã“ã§Webサービスを多ãã®äººã«çŸ¥ã£ã¦ã‚‚らã†ãŸã‚ã®å®£ä¼ã‚’ã—ã¾ã—ょã†ã€‚ 今回ã¯ã‚µãƒ¼ãƒ“スを作ã£ãŸä½œè€…ãŒä¸€äººã§ã§ãる範囲を考ãˆã€ 以下ã®3ã¤ã®æ‰‹æ®µã‚’使ã£ãŸåˆæœŸã®ãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦åƒ•ãªã‚Šã®ã‚„り方を紹介ã—ã¾ã™ã€‚ プレスリリース 自身ã®Blogã§ã®ç´¹ä»‹ Twitterã§ã®æ‹¡æ•£ã€ã¯ã¦ãªãƒ–ックマークã§ã®æ³¨ç›® 今ã¾ã§åƒ•ã¯å€‹äººã§ã€ã‚‚ã—ãã¯ã€Œä¼šç¤¾å義ã ã‘ã‚Œã©ã‚‚一人ã§ã€WebサービスやiPhoneアプリを作ã£ãŸéš›ã«ã€ 上記ã®ãƒ„ールを使ã„ãªãŒã‚‰æ„図的ã«å®£ä¼ã‚’è¡Œã„効果測定をã—ã¦ãã¾ã—ãŸã€‚ プãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ—ãƒã§ã¯ã‚‚ã¡ã‚ã‚“ç„¡ã„ãªãŒã‚‰ã‚‚工夫ã¨ã€ã‚る程度ã®åŠªåŠ›ã‚’ã—ã¦ã„ã¾ã™ã€‚ ä¸ã«ã¯å…¨ãä¸ç™ºã®ã‚‚ã‚ã‚Šã€ã¨ã¯ã„ãˆã€ãã‚Œã¯ã‚µãƒ¼ãƒ“ス自体ãŒãã‚‚ãã‚‚é¢ç™½ããªã„ケースãŒã‚ã£ãŸã‚Šã§ã€ ã ã‚“ã ã‚“
メンテナンス
ãŠçŸ¥ã‚‰ã›
障害
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}