ロゴやトップ画像をRetinaディスプレイ/IPS液晶に対応させました。

4retina
cdbk.net CREATIVESのサイトをスマートフォンに加えて、タブレットやMacBook ProなどもRetina / IPS液晶になり、見ると滲んでしまうという状態が続いてしまっていたので、Retinaディスプレイなどに対応した画像に差し替えorCSSの変更を行いました。
対応させる方法として、実際の表示サイズよりも大きなサイズの画像(約2倍程度)を用意し、CSSなどでサイズ指定を行い、縮尺表示を行っています。写真の場合はサイズがそのままファイルサイズになってしまうため、機種などを判定して差し替えるといった方法をとる場合が多いですが、文字など色数が少ない画像を使っている場合はそれほどファイルサイズも大きくならないので、実サイズより大きなものをそのまま使っています。
そのほか制作フローを簡単な図でコンテンツに追加したりしました。

新しく名刺を作成、そしてロゴの再構成

名刺裏面
名刺を変えようと思いながらもなかなかきまらたいので、とりあえず印刷してみることに。
上は実は裏面、表面はこちら
表面
人と会う機会のほとんどは、何をしている人かわかっていることが多いので肩書きなしの名前だけというシンプルな表面と「cdbk.net」を複数ちりばめた裏面にしました。
今回はマット加工+角丸で少し高級感を出してみました。
いつも字が小さいので今回は逆に大きめにして気づいたことがいろいろあり、緩めに決めていたロゴをきっちりと仕上げるところから現在再構築中。
いっそうのことロゴをとってしまおうかとも考えたのですが、のせることに。
ロゴは見せれる状態になり次第記事にします。
名刺のデザイン依頼などはcdbk.net CREATIVESにお願いします。
ご質問はブログのコメントなどでお待ちしております。