Creazy!

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

Renewal2009 小技集

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

投稿日:


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


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

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

まとめ

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

-Renewal2009, 小技集

執筆者:


comment

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

関連記事

WordPressでstyle.cssを更新したらwp_enqueue_styleでキャッシュクリアする

どうも、ヤガーです。 しばらくWEB技術ネタを投稿していませんが、頻繁に使うテクニックについてはちゃんとブログに残していこうと思います。 企業HPなどを制作する時に、長い間Wordpressが使われて …

no image

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

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

no image

はじめに

このカテゴリーでは、フォトサイトやフォトブログを作るのに役立つ便利な情報を紹介して行こうと思います。自分自身、フォトサイト(と呼ぶには幼稚過ぎるものも含めますが)を作り始めてから早5年くらいは経過して …

no image

第9回:閲覧しているサイトへのリンクタグを生成するブックマークレット

どうしてもっと早く気がつかなかったんだろう、と思うくらい便利なブックマークレットを思い付きました。既出かもしれないけど、公開しておきます。 ブログを書いていると、他のブログのエントリーへのリンクを貼っ …

MovableTypeとFeedburnerで複数のRSSを配信開始

リニューアルの準備として、前にカテゴリーを整理したんですが、今回はFeedの整理です。前から「RSSでは技術系のエントリーだけ読みたい」という話が聞こえてきたりしたのですが、技術系エントリーを読むよう …

スポンサードリンク

スポンサードリンク