デザイン Archive

 

以前よりブラウザのアドレスバーや、ブックマークのURLの左に表示されている小さなアイコンが気になっていました。

このアイコンはfavicon(ファビコン)と言うそうです。

faviconの作り方は、ネットを検索すれば色々と出てきます。

僕は2xup.orgさんの「Photoshopで背景透明の美しいfaviconを作成する」を参考にさせてもらいました。

faviconはwindows ico(.ico)形式のファイルで作られており、Photoshopでも開く事が出来ません。

しかしPhotoshop icoformatICO (Windows Icon) Format Pluginを使用すれば、Photoshop で .ico 形式のファイルを開いたり、保存したり出来るようになります。

このプラグインをインストールしたPhotpshopで、32px四方の画像を作成します。

Photoshopなので、背景を透明にする事も簡単です。

完成すれば、Windows icon (.ico) 形式で保存します。

ファイル名は、favicon.icoとします。

私はTwitterのアイコンで使用している

を使いました。解りにくいですが、四隅が丸く加工されておりまして、そこが透明です。

山本忠敬の世界には、山本先生が時々サインとして使用していた

の字にしました。こちらは文字の背景が透明です。

このfavicon.icoを、ブログを展開しているフォルダにアップロードします。

そして、html ファイルの head 要素ブロックの中に

<pre><link rel="icon" href="./favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
</pre>

と挿入して完成です。

ブックマーク(お気に入り)には

このように表示されます。

尚、Photoshopを使用せずに作る方法はAnchanさんの「Favicon(ファビコン)を作成しました」に解り易く解説されています。

 

建国記念日と繋がったこの三連休は、かねてより色々と計画を巡らしていた。

しかし図らずも「あずまんが大王」全3巻を読破というだけに終わってしまった。

三連休も残り数時間となり、当初の予定を潔く諦める事にした現在である。

マンガを読むのは決して嫌いではないが、「攻殻機動隊」以来なので、5年ぶりになる。

こういう僕なので「あずまんが大王」に関しての予備知識は全くなく、たまたま連休初日に本屋で衝動買いしたのが始まりである。

読む気になったのは、単に表紙の絵が綺麗だと思ったからである。

しかし、翌日には残りの2巻全てを購入していた。

女子高生の3年間を描いた、4コマベースのお話しであるが、吉田戦車に通ずるシュールなストーリー展開が、極めて丁寧な絵で描かれている。

線の数は少ない。しかし、江口寿を思い起こすような、極めて強い線である。

3巻全てを読み終え、目の前には「大阪万博」という、「あずまんが大王」10周年を記念する本がある。
表紙は僕の最も好きな登場人物「大阪」である。

 

「今年の年賀状はどうしようか・・・」と悩んでいる人も多い事と思う。
ちょうど1年前にも同じテーマのエントリーを投稿したが、今年は僕がこれまでに作った年賀状を振り返ってみます。

干支が違うのであまり参考にはならないですが、おつきあい下さい。

■2003年・・・未【ひつじ】年

アイデア出しに困っていたイラストレーターの友人と、アイデアはあるがイラストが描けない僕とのコラボ第1作。

僕は「正月らしい切手シート」というアイデアを出して、切手の絵柄部を描いて貰った。僕が描いたのは切手シートのベースのみ。

■2004年・・・申【さる】年

2003年は阪神タイガースが優勝した年で、この絵柄を嫌というほど見た。
野球にはとんと無関心な僕であるが、絵柄を拝借させてもらいました。
僕はベースの絵柄を作り、友人のイラストレーターがお猿さんを描いてくれたコラボ第2作。

Continue reading

 

愛用のiPhone GS3をiOS4にインストールした。

色々変更点があるが「壁紙が変更出来る」という事が、意外にも一番楽しい。

やり始めると、思っていた以上にはまってしまう。
これ、すべて日本の伝統模様をモチーフとしたものである。
ここにあるものは、下の2冊に収録されている絵柄から、
960×640ピクセルのGIFデータを書き出して作成した。

 

※2010年10月17日にiPhone対応の強化を図っており、現在では下記の内容とは違った形になっております。詳しくは2010年10月17日のエントリーを参照下さい。

私の周りにもiPhoneユーザーが増えてきました。
iPhoneは通常のPCサイトを閲覧出来ます。
しかし、PCに比べて画面が小さいので、ちょっとストレスを感じている方も多いと思います。
(それでも、普通の携帯のフルブラウザモードより、格段にマシですが・・・)

そこで、このブログのiPhoneサイトを併設しました。
URLはhttp://hibinokizuki.com/i/です。

このiPhoneサイトは、ウェブ・クリエーターのcremaさんが、オープン・ソースで公開されている「iPhoneテンプレートfor MT」を使わせて頂いて構築されています。
この「iPhoneテンプレートfor MT」 の凄い所は、「既にPC用のコンテンツを公開しているMovable Typeに追加するだけで、別途iPhone用のコンテンツを生成するテンプレート」である所です。
そしてなにより導入が極めて簡単です。
iPhoneから見た当サイトのイメージは、こんな感じです。
●トップ・ページ

●個別ページ

●画像のあるページも問題なく閲覧出来ます。

●トップ・ページ下には、過去6ヶ月の月別アーカイブへの入り口があります。