Movable Typeセミナー2011年6月27日@原宿
- 8. 00800
- 9.
- 10. 携帯っぽいレイアウト
- 11. PCっぽいグラフィック
- 13. <div class="fnc-btn"> <label>一覧</label> </div> .fnc-btn > label { background: -webkit-gradient /* グラデーション */ (linear, 0% 0%, 0% 100%, from(#6E799D), color-stop(0.05, #93A3D5), color-stop(0.48, #5A77AF), color-stop(0.52, #3A57A0), to(#1E3A95)); border-radius: 3px; /* 角丸 */ text-shadow: rgba(0, 0, 0, 0.398438) 0px -1px 0px; /* 陰影 */ /* 省略 */ }
- 20. 幅100%指定
- 21. 最大480px
- 22. 隙間を広げて対応
- 23. CSS3で複数の透過PNGを指定
- 25. 2015年 50%に到達 2011年 ６６０万契約 国内スマートフォン販売台数は2015年度に2000万台規模に（MM総研調査） http://businessnetwork.jp/Detail/tabid/65/artid/555/Default.aspx
- 26. HTML HEAD TITLE BODY META backgrou margin padding display border nd BLOCKQ vertical- line- text- BR BLINK CENTER FONT color text-align UOTE align height indent DIV H1~6 P PRE HR text- white- decoratio font line-style MARQUE space A DL DT DD n E OL UL LI FORM INPUT SELECT OPTION TEXT IMG • • • •
- 27. <div style=“font-size:small;”> <span style=“color: red;”>■</span>このように逐一書きます </div>
- 42. スマホ対応してない？ ダブルタップ ダブルタップ
- 45. <span class=“label” style=“color:red”> </span> <span class=“label”> .label { </span> /* CSS */ }
- 46. おまけ→
- 49. <meta name="viewport" content="width=100%; initial-scale=1.0; maximum- scale=1.0; user-scalable=0;" /> <meta name="format-detection" content="telephone=no" />