このサイトのトップページを、久しぶりに変更した。ブログではなく、トップページの方ね。以前に変更したのは2009年の5月だから、約2年半ぶりの変更だ。
ページ構成は今までと変わらず、「HOME、ABOUT、CONTACT」の3ページだけ。相変わらず内容はないが、プロフィールページとして使っている。
今回は、ウインドウサイズに合わせて、画面いっぱいに背景画像が表示されるようにした。ウインドウをリサイズすると、背景画像もそれにあった大きさで表示される。ついでに、HOMEではその背景画像をスライドショーに。
フルFlashのサイトなどでよくあった表示方法だが、Flashは使わずに、JavaScriptで背景画像の表示をコントロールしている。仕事でつくるサイトでも、Flashはもうめったに使わないしね。
ちなみに某古いブラウザでも表示されるようにしているが、見た目やレイアウトが若干崩れたりするのは気にしていない。ほんとうは、完全に無視したかったのだが。
あと、最初はHTML5で作っていたのだが、コチラはまだちょっと早い気がして、次回の変更まで延期にした。それまでに勉強しておこう。
先日、amazon.co.jpで、何か面白いモノがないか探していると、1987年に発行された講談社X文庫、喜多嶋隆の『天使のアッパーカット』上下巻セットが、マーケットプレイスで安く販売されていたので、さっそく購入した。いま読んでいる本が読み終わったら、次はこれを読んでみよう。でも、ほかにも未読の本があるなぁ……。
角川文庫と光文社文庫の喜多嶋隆作品は、すべて揃っているが、そのほかの文庫本や単行本は、持っていないものが結構ある。それらは、古書店などで見つけると買ったりしているのだが、たまに、「これは持っていたかな？」と忘れたりするので、備忘録も兼ねて蔵書リストを作っておくことに。
ページ下部メニューの、Individual Pagesのところに、「喜多嶋隆作品 蔵書リスト」へのリンクを入れておいたので、喜多嶋隆作品に興味のある方はどうぞ。
蔵書は結構な数があるので、「角川文庫」「光文社文庫」「そのほかの文庫」「単行本など」の4つに分け、それぞれを、JavaScriptでタブ切り替え表示するようにした。
タブ切り替え表示用のJavaScriptは、探してみるといろいろな種類のモノあったが、このサイトでは、画像拡大＆スライド表示用のJavaScriptで、prototype.jsというAjax JavaScriptフレームワークを使用しているため、タブ切り替え表示用のJavaScriptも同様のモノを選択。これで、なんとか1ページに収めることができた。
タブ切り替えって、今まで使用したことがなかったけれど、結構簡単に作ることができたし、今度、仕事でも使ってみようかな。
前回のエントリーでもチラリと予告したが、トップページに引き続き、このBlogページのデザインも、1年半ぶりにリニューアル。題して、POCKET BASE 2G（セカンドジェネレーション）！
すみません、大げさなタイトルを付けるほど、たいしたモノじゃないです。流行っぽい名前を付けてみたかっただけです、はい。
リニューアル作業自体は、今年の3月に開始しており、4月にはリニューアルをする予定だったのだが、途中でいろいろと忙しくなって作業を放置したまま、結局約2か月遅れのリニューアルとなった。まあ、誰かが待っているというわけでもなかったのでいいかなと。このあたりは、仕事でのサイト制作とは違って気楽だよね。
デザインは、今回も1カラムレイアウトに。2カラムや3カラムのレイアウトにするほど情報量は多くないので、これで十分かなと。それに、1カラムレイアウトは、ごちゃごちゃせずにスマートなデザインにできるので、個人的には結構好み。
そのわりには重いじゃないかっ！ という突っ込みは却下で。
ああ、見られないぞっ！ とか、動かないぞっ！ などの、不具合があれば、どしどしご連絡を。もちろん、ご苦労さまというねぎらいの言葉は大歓迎。