今年は昨年よりも更新頻度を上げたいなとかいうそんな抱負です。

そういえば直前ギリギリだったのでTwitterでしか告知できなかったのですが、冬コミでの賀来さんの新刊「灼熱！Beach Side Bunny」にちょっこしゲストで書かせていただいておりました。とらのあなでの通販も始まっているようですので是非！

また、冬コミでは昨年の本を委託で置かせていただいておりましたが、お手にとってくださったみなさま、ありがとうございました！

今後の自身でのイベント参加予定なのですが、ずいぶん先の話になってしまうのですけれど、11/20に音ゲーオンリー「BEAT 4 U !」が開催されるようですので、この日にぜひ参加したいなと思っております！その他には夏コミを含め特に決めていないのですけれど、参加予定などが決まりましたら随時お知らせしていきます。

ゆるゆるとマイペースなのは変わらずなんですけど、地味ーにがんばりたいと思います。本年もよろしくお願い申し上げます。

せっかくトップも改めたことだし、がんばって更新しようというエントリ！

pixivには上げるまでもないらくがきがけっこうあったので、一気にまとめちゃおうと思います。お見苦しいものもございますがお見逃しくださいｗ

長いのでたたみますー。
Read the rest of this entry »

またまた大変おひさしぶりです。相変わらず展示物もろくにない縮小モードですが、トップのとこだけ改装してみました。

なぜ突然改装したかというと、モニタ幅1024px時代に書いたCSSをものすごく変えたかったというか。あとお知らせとかちょびちょびできそうだからとか、そんなわけでして。いくつか書きたいと思います。

まずは2011年3月20日(日)、東京で行われるSNK格闘ゲーム3タイトルの大会「Total Eclipse of SNK ～日月星辰 弐～」のサイトを制作させていただいたのでその宣伝をば！

今年3月に京都で行われた、KOF’98、月華の剣士2、餓狼MOWの合同大会の第二章です。サイトデザインとFlash(とその中身の絵ｗ)をやってます。前回が190名超というものすごい参加者数の大会だったのですが、今回もそれに負けないよう大きく盛り上げていきたいと思っています！観戦だけでもとても楽しい大会ですので、ぜひお越しください！

それと、改装前のトップで、ボカロ曲に絵を描きましたーという宣伝をしていたのですが、あれからまたちょこっと描いてます。寧ろ遅すぎる宣伝で、多方面に大変申し訳ないのですが…ｗ

&&Pのはやぶさをモチーフにしたリンちゃん曲と、

Vaderさんの刑事ものな渋ロックですー。どちらも気合い入れて描かせていただきました。ぜひ聴いてみてください！

あと改装前に絵を描いたと宣伝してたパワーコードPの「ナイフ」という曲なんですけれども、こちらは「EXIT TUNES PRESENTS Vocalonexus feat. 初音ミク」というCDに収録されるみたいです！わーわー、おめでたい！

とまあこんなかんじで宣伝乙！ってかんじでしたが。あとまだちょこちょことお知らせのネタが残ってるので、近々また更新しに来ます！とりあえずは元気で生きていますーという生存報告も兼ねての更新でした。

何の準備もしていない場所です、すいません。

いつになったらちゃんと動くのかとか不明です、すいません。

とりあえず顔を出しそうなところを載せておきます。

• Twitter
• ニコニコ動画マイリスト
• pixiv

ほんとすいません。

CSS3のアイドル「border-radius」のブラウザごとの表示についてまとめてみる、主に自分用。

前々からborder-radiusを使ったborderの、辺により太さが異なる場合の表示についてもやもやしていたのだけど、IE 9betaも出たことだしちょっとスクショを撮ってみた。撮影環境はWindows Vista。ただしIE 8のみXP。

まずはソース晒し。あまり関係ない部分は省いてます。

/* ボーダー基本指定 */
p {
 border-color: #f00;
 border-width: 5px 20px; /* 上下5px、左右20pxの枠線 */
 border-radius: 80px;
 -moz-border-radius: 80px; /* Mozilla用 */
 -webkit-border-radius: 80px; /* Webkit用 */
 padding: 60px 20px;
 width: 240px;
}

/* ボーダー個別指定 */
p.solid { border-style: solid; }
p.double { border-style: double; }
p.groove { border-style: groove; }
p.ridge { border-style: ridge; }
p.inset { border-style: inset; }
p.outset { border-style: outset; }
p.dashed { border-style: dashed; }
p.dotted { border-style: dotted; }

ではIE 8から。

まあ対応してないので論外。

ここからが本番。先日出たばかりのIE 9ベータ版。

かなりいいかんじ！ありがとうMS！しかし色の処理にかなり癖がある様子。

サクサク行きます、次、Firefox 3.6。

かなりきれい。dashedやdottedが一部solidっぽくなってるけど、これはこれで見た目としては悪くないような気もｗ

次はOpera 10.6。

悪くはないけど多少いびつ。このクオリティでは現実的にはまだまだ画像に頼ることになりそう。

そしてWebkit系、まずはChrome 6。

はい出ました！わたしが前々から気になってたのはコレです！ｗ 太さ違いに全然対応できてないっぽい。solidでさえも、というのが痛いところ。

そして同じくWebkit系のSafari 5。

Chromeとほぼ同じだけど若干の違いが。doubleはChromeの方が全然きれい。ところでWebkitのdottedは点が丸じゃないのね…。

最後におまけ、すっかり化石となってしまったNetscape 9。

なんとborder-radiusに対応していた！！これには驚き！dashedやdottedのサポートをぶっ飛ばしてのCSS3実装。い、一体なぜ……。そしてアンチエイリアスのかかってないエッジがなんとも哀愁漂う。doubleもかなり特殊なかんじ。

とりあえずチェックしたのは以上。とにかくひとつ言えるのは、せっかく実装ブラウザが増えても挙動がこうもバラバラだと、まだまだ実践投入はしづらそうなかんじ。せめてsolidだけでも表示が近くなってほしい…。

あと、grooveやinset等を見ると色の処理が各ブラウザごとにかなり個性がある様子。このへんについても書きたかったけど、アルゴリズムがわからないので今回は見送りでｗ