2013/05/11@ITの記事を読んで、使えそうだったのでメモ。HTML5+CSS3の「カンタン装飾設定」で今風デザイン記事の中で個別に紹介されているツールというかジェネレーターもそれぞれ試した。Generator画面左側のPresetsにサンプルが多数表示されているのでどれかを選択すると右側のプレビューに表示される。これも同じくCSSのコードがコピーできる。■ボタンGrad3これもグラデーションと同様に多数のプリセットが用意されている。Fonts上記GoogleFontでは日本語フォントに対応しておらず日本語フォント対応のサイトでは無料のものはなく、ソフトバンクテクノロジーが運営するフォントプラスが紹介されていた。日本語Webフォントはファイルサイズが大きいためロードに時間がかかるだろうなぁなどと考えていたら、フォントプラスのサイトにこのような記載がされていた。フォントプラスは独自のサブセット技術を開発。日本語フォントのデータサイズが大きすぎることで、表示の際ストレスがかかってしまう問題を解消しました。Webページ内の文章を自動で解析し、使用する文字だけを抽出する為、データサイズが大幅に軽減、表示速度を高速化します。否定するつもりはありませんが、ページを表示するたびに、ページ内のテキストを解析するのであればフォントの読み込みではなく別の意味で重たくなる気がいたします。私は以前からPhotoshop等でキレイなWeb素材を作成するのが苦手だったので、こういったCSSで完結する流れは嬉しいです。不必要に画像で作成されたWeb素材は、どんどん時代遅れになりますね。