TO DO LIST( チェックリスト)

モバイル、タブレット、PCの各々のブレークポイントを現行（または近未来を想定）の機種に対応させその特性に合致したレイアウトを検証する。

モバイルファーストではPortrait (縦)とLandscape (横)がレイアウトを二分する。各々のブレークポイントに対応させ、その特性に合致したレイアウトを独創できることは特別なる趣がある。

プロポーショナルメトリクスによる文字の詰め組みを行う。埋め込み用コード(「display=swap」が付加)の入れ替えとCSSの追加。

読み易さを追求したフォントサイズが求められる。

任意のサイズ指定のボタンはユーザビリティーを発揮する。

モバイル必須の機能。片手でコンテンツを捲れる直観的操作を可能とする。

This is really awesome.

モバイルでは画面の有効面積を邪魔するハンバーガーメニューは卒業して、スクロールすると現れるフッター(menu)が最適。

刺激的なギミックを与えよう。GIFアニメーションやアニメーションを使ったスムーズな動きは操作が心地良い。

テキストを読ませるよりも動画が最適な場合がある。軽いファイルなら有効だ。

多くのビジネスシーンで登場するビフォーアフター。その効果は最大限にする工夫。

フローを説明するには持って来い。簡潔な説明と流れを表示できる手法はタイムラインだ。

内容が複数で数が多い場合、再訪を考えたチェックボックスが有効。ローカルストレージにて保存されるので、前回のチェックが残っている。

作業工程を表したい場合、イメージにキャプションを掲載してあげると分かり易い。

画像を拡大して見せる場合や補足説明などで使われる必須アイテムだが、どのシーンでも使えるモーダルウィンドウを準備しよう。

ウェブのアクセス数が多いのには訳がある。SEOに目を向けて確実なランキングを勝ち取る。