Creazy!

WEBエンジニア・ヤガーのテック・ガジェットブログ

Renewal2009 小技集

ブログデザインをリニューアルしました!これからはCreazy!

投稿日:


1年以上も寝かし続け、いっそなかった事にしようと思っていたリニューアルをついに公開しました!
4回に渡って実施されたブログデザイン勉強会の後押しもあり、途中脳内が血みどろになるほど苦労してここまでこぎ着けたので、プライベートの作業なのにやたら達成感がありますw といってもまだ実装できていない部分もあるんですが。
全体のイメージというかスクリーンショットは勉強会のレポートで既に掲載させてもらいました。
[N]ネタフル x [S]シカマケ = ブログデザイン勉強会 第4回:最終回でラフ案発表
黒ベースの色合いでクール&インテリジェンスな雰囲気は残しつつ、「おっさん臭さを取り除く」「重い印象を取り除く」という2つの課題に挑戦したのですが、個人的にはなかなかの出来映えなんじゃないかと満足しています。


デザインに関しての試行錯誤についてはブログデザイン勉強会のレポートで都度書いてきましたのでそちらを参考にしていただければと思います。

それから、デザイン案はPhotoshop Elementsで作っていて、それをコーディングするにあたり「MTのプラグイン」とか「JavaScript」とか「CSS」とか工夫した点がいくつかあるのですが、ちょっとここでは書ききれないので別のエントリーにて解説させてもらう予定です。技術的な方面に興味がある方は少々お待ちくださいね。
また、デザインというより表示速度をどれだけ改善できるかみたいな、ハイパフォーマンスブログサイト的な内容のチャレンジもやっていきたいと思っています。これは継続的にこのブログに導入してエントリー書くという事をやっていこうと思いますのでそちらもお楽しみに。

まとめ

いつもだったら機能的にもう少し盛り込んでから公開したいと思っていたところですが、某方面(鬼コーチとか…)からの見えないプレッシャーを感じていたのでとにかく公開を優先させました。というか、リニューアル作業をやっていて自分でも早く公開したくなってきたのでした。
ラフの時点で気に入ってきた新しいデザインに早く変えたいのもあったんですが、それよりもなによりも、自分でブログ読んでても可読性が比べ物にならないほど良くなっている(気がする)からです。多分、本文のブロックを黒背景+白文字から逆転して、白背景+黒文字に変えた事とスペースを多めに取った事が要因だと思いますが、ブログにとって読む事にストレスを感じない事ってすごい重要だなぁと思いました。
さて、仕事しますwww

-Renewal2009, 小技集

執筆者:


comment

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

関連記事

MovableTypeで記事に挿入したFlickrやAmazonの画像タグをサムネイルサイズに変換して表示する方法

最近のブログやWEBメディアで、新着記事や人気記事の一覧を小さなアイキャッチ画像と共に表示しているのをよく見ます。画像があると、記事の内容が一目で把握できるのとともに、アイキャッチの名前の通り目を引き …

Google Analytics の検索エンジン定義と独自の検索エンジンを追加する方法

【2009/09/07:追記】 このページで解説している方法が使えなくなりました。 問題の解説と対応策は下記エントリーをご覧ください。 Google Analytics に独自検索エンジンを追加してい …

BingをGoogle Analyticsで検索エンジンとして認識させる方法

Microsoftが満を持して(?)投入してきた次世代検索サービス「Bing」ですが、全然ダメって言われたり、エロいって言われたり、どちらかというと評判よくなさそうな感じですね。 6月1日にプレビュー …

第4回:twitter の JavaScript Badge をIEで表示するとおかしい件に対応してみる

twitter 流行ってますね。みなさんも使っていますか? オレはというと…ポツリポツリと呟いています。 friends は2人しかいません orz twitter は SNS 的な使い方もできるツー …

第10回:Windowsフォントをアンチエイリアスでキレイに見せる方法

メインPCをMacに移して一番驚いたのは、Macで表示されるフォントの美しさかもしれません。 Macでは基本的に全てのサイズのフォントにアンチエイリアス(スムージングともいう)処理が施されています。 …

スポンサードリンク

スポンサードリンク