design, WEB制作, 雑学

写真の一部だけが動く、シネマグラフの作り方や使っているサイトまとめ

シネマグラフ 最近WEB業界でめちゃめちゃ流行っているcinemagraph(シネマグラフ)の情報をまとめてみました。 シネマグラフってのは、簡単に説明すると、写真画像の一部分だけを動かし斬新な表現をする手法の画像です。 静止画や動画に比べ ...

design, WEB制作

noto fonts 書体一覧

前回の記事無料の日本語フォント【Noto Sans Japanese】があまりにも美しいので、ブログに使ってみたに続いて、フォントの話です。 どうしてもそのままだとページ表示速度が遅くなってしまう為に、どうにか出来ないかと色々調べて、実践し ...

design, WEB制作

Noto Sans Japanese

■2015年1/5日追記 フォントのサブセット化でブログ本文にフォントを適用しても、ページ表示速度低下をかなり軽減できるようにしました。 第一水準漢字を使いサブセット化する事で、12.6MBのファイルサイズをわずか548KBにまで削減出来ま ...