スマートフォンサイトã®HTMLコーディングメモ12個 | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
display:table-cell; を活用ã™ã‚‹ リã‚ッドレイアウトã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ã™ã”ã便利。 親è¦ç´ ã« display:table; åè¦ç´ ã« display:table-cell; 記事リストãªã©ã€ç”»åƒã¨ãƒ†ã‚ストを横並ã³ã«ã™ã‚‹ã¨ãã«ã€‚ å‡ç‰ã«æ¨ªä¸¦ã³ã«ã—ãŸã„ã¨ãã«ã€‚ タップ時ã®ã‚«ãƒ©ãƒ¼è¨å®š CSSã§ä»¥ä¸‹ã®ã‚ˆã†ã«è¨å®šã€‚アルファ値もè¨å®šå¯èƒ½ã€‚ -webkit-tap-highlight-color: rgba(255,105,183,0.6); ç”»åƒã€iframeã« max-width を指定 img・iframeã¯ã€ã‚µã‚¤ã‚ºãŒå¤§ãã™ãŽã¦ç”»é¢ã‹ã‚‰ã¯ã¿å‡ºã™ã“ã¨ãŒã‚ã‚‹ã®ã§ max-width:100%; を指定ã™ã‚‹ã€‚ word-break:break-all; を指定 スマホã¯å¹…ãŒç‹ã„ãŸã‚ã€é•·ã„URLãªã©ãŒ1è¡Œã«å…¥ã‚Šãã‚Šã¾ã›ã‚“。 word-break:break-all; ã‚’é©å®œæŒ‡å®šã™ã‚‹ã€‚ フォ
æ£ã—ã„HTMLを書ã目的ã¯ãŸã 一㤠- ãƒã‚³ãƒ¡ã‚·CEOブãƒã‚°
[HTML]セマンティックã§æ£ã—ã„コードを書ã目的 ― 二人ã®ä¸»ã‚’戴ã技術者 - WEBCRE8.jp ã¨ã„ã†è¨˜äº‹ãŒFacebookã®ãƒ•ã‚£ãƒ¼ãƒ‰ã«æµã‚Œã¦ããŸã®ã§èªã‚“ã§ã¿ã¾ã—ãŸã€‚ 1ãŒã„ããªã‚Šç†ç”±ï¼ˆç›®çš„）ã˜ã‚ƒãªã„ã§ã™ã—ã€2ã¨5ã¯åŒã˜ã“ã¨ã‚’言ã£ã¦ã¾ã™ã—（SEOã«å¼·ã„ãªã‚“ã¦äº‹å®Ÿã¯ã‚‚ã¯ã‚„有ã£ã¦ç„¡ãã«ç‰ã—ã„ã®ãŒå®Ÿæ…‹ã§ã™ãŒã€ã„ãšã‚Œã«ã—ã¦ã‚‚機械ãŒèªã‚“ã§å¬‰ã—ã„ã‹ã¨ã„ã†è©±ã§ã™ã®ã§ï¼‰ã€3ã¨6ã¯ãŸã ã®ã‚¨ã‚´ã§ã™ã—ã€4ã®æ¨™æº–化ã£ã¦ã„ã†ã®ã¯ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯äº‘々ã®æ–‡è„ˆã§ã„ã†ãªã‚‰ã°ruleã®è©±ã§ã¯ãªãstandardã®è©±ã‚’ã™ã¹ãã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ã‚«ã‚¿ãƒã®æƒ³åƒã‚‚ã§ããªã„よã†ãªæœªæ¥ã‚’夢見る暇ãŒã‚ã‚‹ã®ãªã‚‰ã€ã¾ãšWebガãƒãƒŠãƒ³ã‚¹ã‹ã‚‰ã©ã†ã«ã‹ã™ã‚‹åŠªåŠ›ã‚’ã—ãŸã»ã†ãŒä½•å€ã‚‚有益ã§ã—ょã†ã€‚ 2013/3/22 09:56追記：「セマンティックã§æ£ã—ã„コードを書ã6ã¤ã®ç›®çš„ã€ã®ã‚ˆã†ãªæ§‹æˆã§ã‚ã‚‹ã¨èªã¿å–ã£ã¦ã—ã¾ã£ã¦ï¼ˆç†ç”±ã®ç®‡æ¡æ›¸ãã ã¨æ€ã£ã¦ï¼‰ä¸Š
イラレã§Webデザインをã•ã‚Œã‚‹æ–¹ã«ãŠé¡˜ã„ã—ãŸã„7ã¤ã®ã“ã¨ã€‚
普段ã¯DTPをメインã«ã‚„ã£ã¦ã„ã¦ã€ãŸã¾ã«Webã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ã™ã‚‹ã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã¯ã€ Illustratorã§Web用ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—を作るã“ã¨ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ 別ã«Illustratorã‹ã‚‰ã§ã‚‚コーディングã¯ã§ãã‚‹ã®ã§ã™ãŒã€å¾Œå·¥ç¨‹ã®äººã‚’困らã›ãªã„ãŸã‚ã«ã€ ã¡ã‚‡ã£ã¨ã ã‘æ°—ã«ç•™ã‚ã¦ãŠã„ã¦æ¬²ã—ã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ １．色モードã¯RGBã§ã€‚ 普段DTPã‚’ã‚„ã£ã¦ã„ã‚‹ã¨ã¤ã„CMYKモードã®ã¾ã¾ã§ä½œã£ã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ã§ã‚‚Webã¯RGBã®ä¸–ç•Œã§ã™ã€‚変æ›ã™ã‚‹ã¨æ„図ã—ãŸè‰²ã«ãªã‚‰ãªã‹ã£ãŸã‚Šã—ã¾ã™ã®ã§ã€ 最åˆã‹ã‚‰RGBã§ä½œã£ã¦ãã ã•ã„。埋ã‚込む画åƒã‚‚åŒã˜ã§ã™ã€‚ ２．ã©ã“ãŒãƒ‡ãƒã‚¤ã‚¹ãƒ•ã‚©ãƒ³ãƒˆãªã®ã‹åˆ†ã‹ã‚‹ã‚ˆã†ã«æŒ‡ç¤ºã‚’。 ç´™ã®ä¸–ç•Œã§ã¯æ–‡å—ã¯æ–‡å—ã§ã—ã‹ã‚ã‚Šã¾ã›ã‚“ãŒã€Webã®ä¸–ç•Œã§ã¯ã€Œãƒ†ã‚ストデータã€ã«ã™ã‚‹ã®ã‹ 「画åƒã€ã«ã™ã‚‹ã®ã‹æ±ºã‚ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。本文ã¯åŽŸå‰‡ã€Œãƒ†ã‚ストデータã€ã§ã™ãŒã€ 判æ–ã«å›°ã‚‹
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://soufflecode.net/website/
http://ryosblog.net/6682
{{#tags}}- {{label}}
{{/tags}}