2010
Mar
10

htaccessでお帰りいただこう

どうしてこう中華のクローラはお下品なんでしょうね。
先日もNokia3108/1.0 (03.01) Profile/MIDP-1.0 Configuration/CLDC-1.0という携帯電話(?)か何かのUserAgentを名乗る謎のクローラがrobot.txtを一度も読むことなく、そしてディレイ無しの短時間アクセスという頭の悪い暴れ方していきましたね。

悪名高き「百度」のクローラは最近だいぶマシになったようですが…どのみちあちらの国からのアクセスは不要。

さて、こういうクローラには早々お帰りいただくためチョット危険ですがhtaccessでこんな設定をしてみました。

Read more »

2010
Mar
9

CSS Spriteを使ったナビゲーションメニュー

3Dでは色々な画像を並べた1枚のテクスチャをマッピングの位置を変えて使用し、ロード時間の短縮や負荷軽減なんてことをしますが、CSSでも同じようなことができるんですよ。
それが「CSS Sprite」と呼ばれているテクニック。今回サイトリニューアルで使用することにしました。

マウスを合わせると画像を変えるテクニックは私も以前画像ギャラリーのメニューをJavascriptでやってましたが、今回はメインのナビゲーションメニューのロールオーバー。SEO的な事やスクリプトOFF時の動作、そして面倒くささを考えるとCSSでやったほうが良いだろうということになりました。
問題はプリロード(先読み)で、CSSだとちょっとややこしい。JavascriptでプリロードしてもJavascriptで表示しないと意味無いとか、良くあるテクニックでも複数画像のプリロードがブラウザによって使えないとか、わざわざプリロード用にタグを追加しないとダメとか…情報集めるうちにメリットねぇなって思いましたよ。

そこでですよ奥さん。CSSスプライトですよ。

Read more »

2010
Mar
8

HTTPエラーページをカスタマイズ

簡単に作られ消えていくブログの404エラーくらいしか遭遇する機会はあまりないかもしれない。
でもどうせなら予め用意されたデザインや白背景に黒文字の無愛想なエラーじゃなく、ちょっとユニークなエラーページを作ってみたい。

BLUEFOXでは5つのエラーページが自作のページに設定されています。
認証に失敗した時に表示される401
ルパン三世には侵入されたみたいです。

アクセス権が無い時に表示される403
関係者以外立ち入り禁止区域に入るのは危険でございます。

ページが見つからない時に表示される404
もう使われていない土地にある立ち入り禁止や売地の汚い看板をイメージ。鳥の糞が付いてたりね。

サーバーの内部エラーが発生した時に表示される500
テントウムシ(バグ)にソース食われてます。

メンテナンスな過負荷でページが表示できない時の503
工具。

Read more »

2010
Mar
7

サイトリニューアルしました

CGギャラリー系コンテンツを廃止し、ブログをメインコンテンツにサイトを再構築しました。デザインは一見同じ感じに見えるけど画像類もWordPressテーマも全て新しく作り直しましたよ。はい。

旧ブログのDBは捨てたので、まだ何もない状態ですが少しずつ増やしていければなと。そしてウェブデザイン楽しんでみたい方のために今回のリニューアルでも使ったテクニックとかネタも紹介していきたいと思ってますので宜しくぅ。

あ、それからTwitter始めましたけどね、まだ使い方よくわからない…ていうか説明まだ読んでない。

ということで、更新頑張ってみます。