HTML5+CSS3ã®å°Žå…¥æ™‚ã«å½¹ç«‹ã¤7ã¤ã®è¨å®š
ã“ã‚“ã«ã¡ã¯ã€é´¨ç”°ã§ã™ã€‚ 個人的ã«ä»•äº‹ã®å¤§åŠã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–¢é€£ãªã®ã§ã€ 最近ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ã»ã¨ã‚“ã©å…¨ã¦HTML5+CSS3ã§è¡Œã£ã¦ã„ã¾ã™ã€‚ ã¨ã¯ã„ãˆã€PCå‘ã‘ã®ã‚µã‚¤ãƒˆã§ã¯ã¾ã ã¾ã HTML4.01ã€XHTML1.0ã€CSS2.1を使用ã—ã¦ã„ã‚‹å ´åˆãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ ã§ã™ã®ã§ã€ä»Šå›žã¯HTML5+CSS3ã‚’å°Žå…¥ã™ã‚‹ã«ã‚ãŸã£ã¦ã€å½¹ç«‹ã¤ã¨æ€ã†7ã¤ã®è¨å®šã«ã¤ã„ã¦ã€æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ １．HTML5ã®åˆæœŸãƒ†ãƒ³ãƒ—レート案 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>HTML5 åˆæœŸãƒ†ãƒ³ãƒ—レート</title> <!-- reset.cssã®è¨å®šÂ --> <link rel="stylesheet" media="screen" href="reset.css" /> <!-- Viewportã®è¨å®šÂ --> <meta nam
スマートフォン 用サイトã®ä½œæˆ
基本è¨è¨ˆ html5 スマートフォン用サイトã¯HTML5ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã€CSS3ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã“ã¨ãŒæŽ¨å¥¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ HTML5ã‚„CSS3ã«ã¤ã„ã¦ã®è©³ç´°ã¯ä»¥ä¸‹ã®ãƒªãƒ³ã‚¯å…ˆã‚’å‚ç…§ã—ã¦ãã ã•ã„。 HTML5 CSS3 ç”»é¢è§£åƒåº¦ iPhone3 ã¾ã§ã®ç”»åƒè§£åƒåº¦ 320x416px (ç”»é¢å…¨ä½“ 320x480px )ã«åˆã‚ã›ã‚‹ iPhone4 ã®ç”»åƒè§£åƒåº¦ (ç”»é¢å…¨ä½“ 640x960px ) 以下ã®ã‚ˆã†ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç«¯æœ«ã®ç”»é¢è§£åƒåº¦ã¯æ§˜ã€…ã§ã€ç¸¦æ¨ªã§å¹…ã¨é«˜ã•ãŒé€†è»¢ã™ã‚‹ã€‚ スマートフォン用ã®ã‚µã‚¤ãƒˆã‚’デザインã™ã‚‹ã¨ãã¯ã€Œç”»åƒã‚’é…ç½®ã™ã‚‹ã€ã§ãªãã€ã€Œç¹°ã‚Šè¿”ã—表示ã§ãる模様を背景ã«åŸ‹ã‚込むã€ã¨è€ƒãˆãŸã»ã†ãŒè‰¯ã„ 端末 ç”»é¢è§£åƒåº¦ (px) (液晶画é¢å…¨ä½“ã®è§£åƒåº¦)
グリーã«å¦ã¶ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–‹ç™ºå‘ã‘Webアプリè¦ç´ ã®æœ€æ–°æŠ€è¡“　～HTML5ã€CSS3を採用ã—ãŸãƒã‚¤ãƒ³ãƒˆã¨ã¯
CodeZine編集部ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーをスターã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ブーストã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://html5please.us/
{{#tags}}- {{label}}
{{/tags}}