2009/03/04

javascriptからCSSに変えてとても軽量化したいプラン

いままではこんな感じのボタンで、マウスカーソル重なったら右の画像を読み込むor先に読み込んどくっていうのをjavascriptでやってたわけだが、今のブラウザの機能とか踏まえると常識的に考えて無駄なのでCSS使って実装する。

具体的には、

  1. divでピクセル指定したボックスにこのキュベレイみたいな画像を背景で置く。

  2. 左側に文字で名前置く。クリック範囲が狭い問題は文字余白とかで増やす。

  3. 文字の背景に、マウス乗ってるときと乗ってないときで切り替わるグレー背景画像をアルファチャンネルで透過させたPNGにして置く。

利点は、

  • ファイル転送量が超減る=読み込み速い
  • 背景差し替えだけで済むので更新が超ラク

  • 文字ミスも楽々修正
  • ソースが綺麗になり見やすい

難点は、

  • 文字を変えれない(前はマウスホバーで日本語に切り替えてた)

  • PNGアルファチャンネル透過だと乗算合成とか使えないのであんまりうつくしくない

と、ここまで書いてからテキストを縦書きにするのはIE7だけが微妙な対応だったと思い出してどうしたもんかな、と思い至った。


追記:

ということだったんだがガサ入れしたらば、IE7のみが独自拡張で縦書きサポートしてて、それ以外のブラウザは一切未対応のようだった。

こりゃ諦めて文字部分も画像にするしかないんかなぁ。


追記:

日本語なら横幅詰めてそれっぽくはできるんだが、こと英字については字を横に回転させることはできないのでムリくせぇ。

ので無難にCSSロールオーバーに落ち着いた。


2009/01/01

ubuntu8.10インスコに備えた今使ってるアプリメモ

  • wine
  • Emacs 22 (GTK)
  • GVim
  • Tomboy
  • Downloader for X
  • gFTP
  • メール着信通知
  • LyX
  • Picasa
  • Blender
  • Comix
  • GQview
  • Inkscape
  • K-3D
  • Synfig Studio
  • FlightGear
  • Freeciv
  • TORCS
  • Amarok
  • Audacity
  • JACK Control
  • Kino
  • Rosegarden
  • SMPlayer
  • VLC
  • VMware
  • VirtualBox
  • Eclipse
  • Quanta Plus
  • タックスペイント

あとはwacom toolsとかkde-i18n-jaとかあたり。



2008/11/17

ヤッター!フォレスト・セルの死体できたよー!

ということで世界樹2に備えたパスワードメモ

          ビ ッ
               _______  ,.-、
    \      ,. ''":::::::::::::::`ア、_iノ-、
     )、__人_イ::::::::::::::::::::::::::::(、_,.キ-__ノ、 人___ /
    ノ   ( :::::::i:::::::;::::::::::;::::::::::!、_ノュ:::::ヽ.  (
     /)' /::::::ハ:::::ハ:::::::ハ::::::::ハ:::::::: (\! Y^
   / ,.くイ::::i::::i/,!ゝ、.! |:::/ |,.!ィ'-、|:::::/ _\,\
  /  、ヽノつi::::ノ| ト |`レ'' ´ト `| レ':::| ヽ`7 /`ヽ.
 /|  イ 'i´レヘハ. ,, ゝ' .   ゝ-',,, |::::|)::::`ゝ'、/_ハ、
 | |ヽ,ノ| |、 ノ::ノ::|   rァ─-、   ノ|::::|::::::ハ| |ヽ、_ノ| |
 | |:::::::::| | く::/::|へ、 |'    | ,.イ、|::::ト、!ン| |::::::::::::| |',
 | ヽ、_ノ |ヽ.,.!>|:::::|`|>r-<ニ>ァ|:::/´/  | ヽ、__ノ | 〉
 ',> o  rハ ヽ.  !:::|/ |' |ヽ/ / /レi  !  ハ_> o   /' 
  ヽ.  / |  ! _レ7  | | //   Y、   ! ,.ヘ   ノ
   ヽー‐'─''"´   !  |//     ハ/`''ー-'---‐'"
            rヽ.,__Yヽ.、__,,..イ バ`7
            ゝ、ヘ/ハ二ニニン´`ヽ! `ヽ.
           く__/ ./ |  ',  ヽ.  \_ノ、
           / /  .|   ',   ',  ヽ. |
          /  /   .|   i    i   Y
 、____人____人____人____人____人____人____人____人____人_ _,.
 _)                              (_
 _)      プ リ ン ト ス ク リ ー ン         (_
 _)      稗 田 式 記 憶 術 !!       (_
  )                              (
 ´ ̄`Y´ ̄`Y´ ̄`Y´ ̄`Y´ ̄`Y´ ̄`Y´ ̄`Y´ ̄`Y´`


2008/11/06

忘れてたいそう苦労したのでメモっておく切り出しpythonスクリプト

コード


# -*- coding: UTF-8 -*
i = 0
import sys
if sys.argv[1] == "-n":
 kaisu = int(sys.argv[2])
else:
 kaisu = 10
for arg in sys.argv[3:]:
 for line in open(arg, "r"):
  i += 1
  print line
  if i == kaisu:
   break


使い方


python head.py -n 回数 読み出すファイル名