デザインを改めました

ここ1〜2週間ほどブログの更新が行われていませんでしたが、密かにサイトの刷新のため、準備を行っておりました。
そして先週末、新しいデザインに生まれ変わりました。

色調を水色に統一

従来のサイトは、見出しの色がオレンジ色で、右側のサイドコンテンツがグレーを基調にしておりました。また、デザインも新しい要素を追加する度に追加して作っていったため、見出しやコメント欄などのデザインに一貫性がな感じられませんでした。

これを、ロゴと同じ水色をベースにして全体をまとめました。

CSS3を積極的に利用

CSS3は右側の角丸や、グローバルナビゲーションの角丸などに使用していました。
さらに見出し部分や引用部分のグラデーション、写真の影づけにもCSS3を導入しました。

用語リストを追加

li要素を使って用語リストじみたことをしておりましたが、dt、dl要素にもスタイルシートを適用して、見栄えの良い用語リストを作成できるようになりました。

ハルヒロ(CV.細谷佳正)
物語は彼の視点で展開されていきます。どこか冷めた視点でものを見ていて、滅多に感情を表に出しません。やんちゃなランタとは対照的で、彼をたしなめているシーンがよく見られます。
細谷さんの声は「一週間フレンズ」で聞いていますが、やる気がなさそうな口調はハルヒロたらしめていると思います。クラスは盗賊です。

コードの表示も刷新

いままでコードの表示は青い長方形で囲まれただけでしたが、ウィンドウのようなデザインで表示されて、ビットマップのフォントでコードが描画されるようにしました。
Macのターミナルを意識しましたが、似なかったです。

remote: error: refusing to update checked out branch: refs/heads/master
remote: error: By default, updating the current branch in a non-bare repository
remote: error: is denied, because it will make the index and work tree inconsistent
remote: error: with what you pushed, and will require 'git reset --hard' to match
remote: error: the work tree to HEAD.

グローバルナビゲーションは未着手

グローバルナビゲーションについては着手しておりません。
現在グローバルナビゲーションは、PC用とスマートフォン用の2つのHTMLを吐き出す構造になっていて、どちらかを隠すようになっております。これを1つに統合してHTML構造をスマートにまとめたいと思っています。


コメント

送信フォーム

入力エリアすべてが必須項目です。

内容をご確認の上、送信してください。

※メールアドレスは公開されません