フラットデザインにしたブログロゴをスマートフォン向けブログ表示のヘッダーに設定してみた


iOS 7の発表で一躍流行になっている「フラットデザイン」。当ブログでもその流行に乗っかって手抜きフラットデザインのロゴにしてみましたが、その勢いでスマートフォン向け表示のヘッダーに表示されるようにしてみました。

Image - 2013-06-16 18.30.02Image - 2013-06-16 18.30.12

ヘッダー部にロゴ画像を入れ、タップでブログトップに遷移するようにしました(よくあるパターンですね)。ついでに記事一覧のリストもグラデーションによる立体表示をやめてシンプルに。併せて色味も調整しています。細かいところでは「前ページへ」「次ページへ」をjQuery Mobileのボタン表示にしてみたりもしています。

完全な自己満足です本当にありがとうございました。今後ともよろしくお願いいたします。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Time limit is exhausted. Please reload CAPTCHA.