Creazy!

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

Renewal2009 小技集

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

投稿日:


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


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

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

まとめ

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

-Renewal2009, 小技集

執筆者:


comment

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

関連記事

no image

第5回:twitter の JavaScript Badge を改造する

しつこく twitter ネタでまいります。 前回の記事で JavaScript の Badge がちゃんと動くようになりました。これで CSS を使えば自由にレイアウトできるようにはなったんだけど、 …

タブ開き過ぎの人用のFirefox拡張「Tab mix Plus」で「FaviconizeTab」みたいなミニマム表示を実現

Firefoxの拡張といえば、タブ拡張なんかはメジャーな方だと思うんだけど、色々入れてると機能がコンフリクトしちゃってうまく動かなくなったりしますよね。ボクは基本的には「Tab Mix Plus」しか …

第1回:CSSで画像にborderをつけてみる

記念すべき初回のエントリーはCSSによるborderのスタイルを色々試してみます。やっぱりフォトサイトで一番気を遣うのは写真(画像)を表示するための <IMG>タグ だと思います。で、bo …

no image

Smartyで配列のダンプを表示させる5つの方法

Smartyといえば、言うまでもなくPHPの中ではとても有名なテンプレートエンジンです。自分でも長い事使ってきたんだけども、使い方が分からなくて困るほど難しい事をしてこなかったせいか全然深いところまで …

どれだけMacを開いていたかが丸わかり!?Macでスリープ・解除の履歴を確認するコマンド

どもども、お疲れ気味のヤガー@yagerです。 忙殺されていると、なかなか自分がどのくらい働いているかも分からなくなってくる場合がありますが、月末月初は勤怠報告などで自分の稼働時間を泣きながらまとめて …

スポンサードリンク

スポンサードリンク