スマホ、タブレットなどのモバイルデバイスのフォーム デスクトップのキーボードならともかく、スマホ、タブレットなどのソフトウェアキーボードだと 英数字←→カナの交互変換が辿々しくなってしまう場合がある。特に、生年月日の登録画面は 生年月日を登録し…

スマホ、タブレットなどのモバイルデバイスのフォーム デスクトップのキーボードならともかく、スマホ、タブレットなどのソフトウェアキーボードだと 英数字←→カナの交互変換が辿々しくなってしまう場合がある。特に、生年月日の登録画面は 生年月日を登録し…

meta name="viewport"のcontent属性値について追記。 device-width content="width=device-width; で閲覧するデバイスに沿った解像度に合わせる。 initial-scale=1.0; content="width=device-width; initial-scale=1.0" 続けて、"initial-scale=1.0"と追記す…

基本設計 コーディング HTML5&CSS3などのセマンティックマークアップを使用 header nav section article aside footer 補足として 挿絵や図表などを囲むfigureタグや 著作権情報、注釈などを囲むsmallタグも使います。 文章・テキスト フォントサイズ(font-s…

html5でウィンドウサイズを可変すると スマートフォン、タブレット、デスクトップなどの 決まったデバイスのサイズになると一瞬にそれぞれの適応サイズに変わる。レスポンシブデザインの技術 フルードグリッド フルードグリッドは、Webページの要素を罫線や…