Creazy!

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

Renewal2009 小技集

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

投稿日:


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


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

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

まとめ

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

-Renewal2009, 小技集

執筆者:


comment

メールアドレスが公開されることはありません。

関連記事

Movable Typeで記事中の画像に遅延ロード効果の「Lazy Load」を一括適用する方法

MovableTypeのカスタマイズ情報などで大変お世話になっている小粋空間さんで、こんな記事があがっていたので反応してエントリーしてみます。 ・画像を遅延ロードする定番jQueryプラグイン「Laz …

[N]ネタフル x [S]シカマケ = ブログデザイン勉強会 第1回に参加

日本のトップブロガーであるネタフルのコグレさんが主催されており、先ほど紹介した「視覚マーケティングのススメ」の著者であるウジトモコさんを講師にお招きして行われる、ブログデザイン勉強会の第1回目が昨日開 …

Twitter @Anywhereをブログのコメントシステムにする方法

Welcome to @Anywhere | dev.twitter.com もはや、WEB界隈ではコミュニケーションプラットフォームとして定着しつつあるTwitterですが、先週、自分のサイトにJa …

Safariでページを大回転させるブックマークレット

Safari限定ですが、WebKit transformationを使ってページの表示角度を変えられるんだそうです。 Ajaxianに出てた。Safariブラウザだけの機能。 -webkit-tran …

no image

Ffmpegで60fps動画を30fpsにスローモーション変換する(映像、音声両方)

FFmpegのオプションはいつまで経っても覚えられないので使ったコマンドは書いとかないと絶対忘れますね。というわけで備忘録。 アクションカメラJVC ADIXXION GC-XA2を買ったのもあって動 …

スポンサードリンク

スポンサードリンク