東京上野のWeb制作会社LIG仕事も遊びもいいオフィス。殿堂入りシェア(編集部注*2013年6月24日に公開された記事を再編集したものです。)こんにちは、デザイナーのサリーです。LIGサイトのスマホ版をコーディングしたときの4ヶ月前のメモが良い感じで熟成しましたので、公開したいと思います。「次コーディングするとき忘れそうだなー」という細かなテクニックをちょこちょこと書いています。【こちらもおすすめ】これはハマった!スマホサイトのコーディング時に悩んだバグと仕様4選【iOS8情報あり】2014.11.13スマートフォンサイトのHTMLコーディングメモ12個box-sizingがスーパー便利セレクタに下記を指定すると、widthとheightでの指定数値にpaddingとborder分も含めてくれます。box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;幅◯◯%で指定するときに。幅100%のinputやtextareaに。擬似要素・擬似クラスを活用するCSS3のセレクタも使えるので活用する。以下2つは参照ページです。ZEROhttp://zero.css-happylife.com/selectors/「nth-child」というセレクタがすごく便利。活用するリキッドレイアウトのコーディングにすごく便利。親要素にdisplay:table;子要素にdisplay:table-cell;記事リストなど、画像とテキストを横並びにするときに。均等に横並びにしたいときに。タップ時のカラー設定CSSで以下のように設定。アルファ値も設定可能。指定img・iframeは、サイズが大きすぎて画面からはみ出すことがあるのでmax-width:100%;を指定する。指定スマホは幅が狭いため、長いURLなどが1行に入りきりません。word-break:break-all;を適宜指定する。フォームボタンなどのデフォルトデザイン解除フォームのボタンやチェックボックスなどのデフォルトのデザインを解除する。hidden;#wrapperなどに下記を指定で、横スクロールを防ぐことができる。overflow:hidden;横にして縦に戻したら横スクロールが出てしまうときなどに。ANALYZE」を導入後、CVR改善に成功した品川美容外科のWeb担当者に話を聞いてきた。2019.12.31281年末年始のイマこそ!マーケティングを学びたい人必見・Udemyおすすめ動画講座5選【1/9まで新春セール実施中!】2019.12.2525130歳独身彼女なし。POSTLIGへの自由なメッセージお待ちしています頂いたご意見への回答は行っておりません。