伊那谷で働くWebデザイナーの日記

散歩がてらに近所の輸入家具・雑貨のお店「GLASS ONION（グラスオニオン）」を覗いてきました。

こんなど田舎に「なんで？」って不思議になるくらいオシャレな家具や雑貨が展示されています。

見てるだけで飽きないので、大人のデートスポットにもいいですね。

そういえば以前、うちの母がここで買った郵便受けは今日も玄関先で頑張っています。

お店の入口付近でベルギー産のチョコレート「カフェタッセ」を発見。コンセプトはコーヒーと一緒に食べるためのチョコレートだそうで。

私はコーヒー党なので1本購入。早速コーヒーと一緒に頂きました。

カカオ77％だけあって甘みが少なめの本格派チョコレートでした。甘いのはちょっと・・・と言う方に是非お勧めです。


GLASS ONION
↑GLASS ONIONのブログ。取り扱っている商品をほぼ見ることが出来ます。


大きな地図で見る   

（別ウィンドウで開きます）

Webサイト制作においてこれからの主流になると思われるHTML5+CSS3を積極的に用いてサンプルサイトを制作しました。

サンプルサイトはトップページのみで、サイト内リンクをクリックしてもリンク先に移動しません。


今回はh1～2のマークアップに悩みました。取り敢えずヘッダーやサイド、メインのそれぞれの最初はh1と言う事にしました。

フッターの運営者プロフィールでfigureを使いました。HTML5が普及すればこの要素は多用しそうな予感。

あと、以前学習したjQueryでロールオーバーなどを行っています。PNGを多用しているため、IE6では見れたもんじゃありません（笑）


最新技術を学ぶために制作したサイトなので、一部の古いバージョンのブラウザでは正しく表示出来ない場合があります。

その場合は是非以下の最新ブラウザをご利用ください。

Google Chrome（BETA）

Safari 4

また、一応HTML5のMarkup Validation Serviceはパスしたものの、正しくない文法や改善点があるかもしれません。その時はご指摘いただけると大変ありがたいです。   続きを読む

（別ウィンドウで開きます）

Webサイト制作においてこれからの主流になると思われるHTML5+CSS3を積極的に用いてサンプルサイトを制作しました。

サンプルサイトはトップページのみで、サイト内リンクをクリックしてもリンク先に移動しません。

最新技術を学ぶために制作したサイトなので、一部の古いバージョンのブラウザでは正しく表示出来ない場合があります。

その場合は是非以下の最新ブラウザをご利用ください。

Google Chrome（BETA）

Safari 4

また、一応HTML5のMarkup Validation Serviceはパスしたものの、正しくない文法や改善点があるかもしれません。その時はご指摘いただけると大変ありがたいです。   続きを読む

よみうさ先生にビジュアル系バンドの歌詞を提供してもらいました。

Visual Style Lyrics Generator


－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
タイトル　闇の十字架と歯医者

張りつめた静寂に包まれた
約束の信州でオマエを待っているんだ
祈りの歌はまだ止まない
オマエにまだ届いていない

騒音(ノイズ)と白い吐息がただよう希望の見えない信州で見失った
どんなに答えを探してみてもかじかんだ手のひらにオマエをつかめずに

※両手を広げて空に祈りを
「オマエへ届くように」
モノクロの色彩で描く未来
進むべき信州へ

張りつめた静寂に包まれた
約束の信州でオマエを待っているんだ
祈りの歌はまだ止まない
オマエにまだ届いていない

(※くり返し)


－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－


なんぞこれ？と思うかもしれませんが、ブログペットなどを開発した友人が新しく作った自動歌詞作成サービスです。

Visual Style Lyrics Generator   

インターネットエクスプローラーのバージョン6（IE6）では、透過PNGという半透明の画像をそのまま表示させることができません。通常は画像の背景が灰色で塗りつぶされてしまいます。

しかしIEシリーズにはfilterと呼ばれる独自のメソッドがあり、その中のAlphaImageLoaderを使うとちゃんと透過PNGが表示されます。

ですので、前回のjQueryで作るロールオーバーで作成したメニューを改良して、IE6でも表示できる半透明のメニューを作りました。

注意点はli要素とimg要素にwidthとheightを同じに設定するところです。チュートリアルをちゃんと読んでいなかったがためにこの設定を見逃し、メニューが何も表示されないまま小一時間ほど悩んでしまいました。   続きを読む