2007年4月アーカイブ

width: 100%; の罠

| コメント(0)

CSS で "width: 100%; " と指定した要素の幅は何 pixel(s) でしょう?

答えはご存知の通り「包含されている要素の幅による」ですよね。(違ってたらどうしよう

では、それが body 要素に直接の子要素として配置されている要素だったら?

答えは「Web ブラウザ描画面の幅と同じ」でしょう。

さて、次の質問。Web ブラウザ描画面の幅って何 pixel(s) ですか?

もう「そんなの知るか!」って感じですよね(笑

そこで、もう少し限定して、"Web ブラウザはメジャーな物で、起動した時のウインドウの幅: 800px かつ,body はメジャーな Web ブラウザのデフォルトスタイル" とします。(徐々に本題に近づいてきましたよ。

答えは 800px … ではなくて、「800px 以下」です。「お気に入り」とかあるので。もっと考えた方は、ウインドウのボーダーやスクロールバーの分もあるから「800 px 未満」だぜ!って思われたかもしれません。しかし、正解!とは言えません。スクロールバーに関してはコンテンツの量(や CSS)に依存するので何とも言えませんが、ディスプレイの幅が 800px で最大化が初期状態で起動された場合や、Mac 環境ではボーダーレスです(ウフフ

よって、答えは「800px 以下」です。

この条件下で、再びこの質問。body 要素に直接の子要素として配置されている要素の幅を "width: 100%;" で指定したら、その子要素は何 pixel(s) でしょう?

答えは「800px 以下」です。

更に条件を追加して、ウインドウのボーダーやスクロールバーはない状態を仮定。

ここでやっと「800px」が答えになります。

と言う訳で、ここからが本題ですよ〜(遅すぎ?

リニューアル予定

| コメント(2)

運営していると言えるのかどうか不明なサイト「Smart Thinkings」を「R-STYLES.NET」と名前を改め、GW 中にリニューアルする予定。(既に名前だけは変わってますが)

まぁ、GW は予定がないので。っていうか、なくなりました…。そもそも4月に引っ越ししたからお金があんまりないっていうのもあるけど(笑

取り敢えず、昨日1日で大体デザインは出来ました。前々から何となくイメージだけはあったので。

R-STYLES.NET(新デザイン案)

まぁ、ぼかしてますけど。

何となくアレな画像も入れてみたりしたけど、後で消す予定。超シンプルで行きますたい。

それで、リニューアル完了後、もう忘れ去られたと思われる「旧 Smart Thinkings(XOOPS版)」のログを移動、XOOPS版閉鎖(未定)、「R's Weblog」等の私の管理する全 MT サイトを統合。っていう予定です。

各サイトをカテゴリに割り振って、サブカテゴリを活用する感じ。

という訳で、今日は「スライスデー」

MAX ツアークリア

| コメント(0)

RIDGE RACERS 2」の最難関ツアーをクリア。(HARD)

2月に買ったものの全然やってなくて、まだクリアしていなかった。

寝る前等にちょっとずつやって、一昨日くらいにクリアした。

MAX ツアーはチョット難しいと思うんだけど、コツというかポイントを押さえればそれほどでもない。「想定クリア人数は200,000人に1人」って書いてあったけど、そんなはずはない。SPECIAL クラスのツアーは「精鋭ぞろいの開発チームが2回しか(SP2は1 回しか)クリアを確認していない」とか何とか書いてあるんだけど、精鋭なのかそれは?と思う程。

最後の二つなんかは車選びで勝負は決まる。SPECIAL 1 のツアーは「WILD GANG」を使えばまず負けない。SPECIAL2のツアーは「KID」を使えば結構楽に勝てる。

SPECIAL クラスは楽なんですが、問題なのはそれ以下のクラスのツアー。

性能差が殆どない上に、ライバルカー3台は全て常にブースト可能状態だから厄介。抜いたらブーストで抜き返されるだけでなく、差をつけられる事もある。普通に走ってればすぐ追いつくのでそれもまだ許せるが、前に出てコーナーで遅くて詰まってるっていうのが邪魔でしょうがない。

取り敢えず、私の必勝パターンは、「最終ラップまでにブースト3回分溜めておく」→「1位から離されすぎず、4位以下をキープ」→「最後の最後でブースト3回使い切ってごぼう抜き」

理想は2回目のブーストまでで1位になって、最後の1個でライバルカーのブーストから逃げる感じ。まぁ、腕があればブースト2個もあれば余裕のはず。1個目で1位、ミタイナ。

頑張れば1位をキープできるかもしれないけど、やたらシンドイと思う。

でも、「WILD GANG」を使えるツアーでは、割と楽に1位をキープできる。(ライバルカーに「WILD GANG」がなければ)

キーボード

| コメント(0)

4月から新生活を開始したということで、GIGABYTE 製の 980 円のキーボードを新しいのに変えようと3月から色々物色していました。

前に気に入っていたキーボードはもう卒業。アレはブラインドタッチに慣れていない時期から使っていたので良かったんですが、今となってはタイプ感があんまりよろしくないですし、デカイのが難点ですね。

それで、買ったのがコレ。

Majestouch Linear - ダイヤテック

もう最高ですよ。ワイヤレスが良かったけど、このタイプ感なら文句なし。

真っ黒なつや消しボディ。適度な反動のタイプ感。個人的に結構好きなカチカチ音。

「かな」「変換」「無変換」とか「全角/半角」などと書いてないところもポイント。

Majestouch っていうのもあるんですが、リニアの方がキートップのつや消し具合がよくて、こっちはチョットゴムっぽい(コレはコレで好きだけど)。あと、タイプ感がリニアの方がしっかりしてる感じ。(反動が大きめ?)

他にも良いと思うキーボードがあって、迷ったのがこの二つ

キースイッチはどちらも静電容量無接点方式で、タイプ感はほぼ同じ。個人的には HHKpro2 の方が好き。Realforce の方はテンキーだけを取ってあるのが使いやすそう。

流石に HHKpro2 は良い…。が、高い…。そして、Windows で使うのには色々不便そう。

Mac で使うか、Windows に2台つないで使うようなスタイルなら HHKpro2 ですね。

今のところ Mac のデスクトップはないし、2台つなぐより1台良いのが欲しかったのでやめました。

Realforce は HHKpro2 の方が微妙にスムーズな感じと適度な反動が良かったので、どうせ高いなら HHKpro2 って思ったのと、Majestouch Linear のタイプ感が結構気に入ってしまったので止めました。Realforce 買うなら HHKpro2 かと。(キーの数が少ないけどコーディングには良い。)

ホントはパンタグラフのキーボードを探していたんですが、Majestouch Linear のタイプ感にやられました。

まぁ、買ったのはもっと前なんですが、コーダーはキーボードにもこだわるという…。

非常に痛い…

| コメント(0)

突然復活してアレなんですが、時間切れ起こしました…

コーディングコンテスト Vol.1 ~Coder's High~

24時締め切りで今チェックや整理などが完了したところ。

1時間弱遅れた…orz

めちゃくちゃ悔しい。もうバカ野郎はアホですよ。(何

制作時間: 約13時間(内約11時間ぶっ通し)掛かり過ぎ?

20 日に 2 時間弱で画像を見つつ、完成のイメージを浮かべながら XHTML 文書作成。21 日に 12 時 30 頃に起きて 13 時過ぎくらいからずーっとコーディングと画像スライス。鬱陶しかったのが、ただの画像リンクだと思っていたら、後から実はホバー画像まで用意されているのに気づいて「えぇ…、マジかよ…」ミタイナのが 4 回程。一番多そうなあの手法じゃなくて、新しい試みで対応。結構アクセシビリティ良好か?

取り敢えず、もう疲労困憊で 18 時頃から寝そうになったのを我慢。20時頃からお腹もすきすぎて変な感じになりつつ、焦りが勝って耐える。ケアレスミスで詰まっても気分転換している余裕もない。そんな感じ。兎に角、色んな意味で疲れたなぁ。

一応、今出しても割引があるとか何らかのフィードバックはあるらしいけど、審査対象にならない。賞をもらって名前出るくらいじゃないとあんまり意味が無い…、と言う訳で残念ながら出しませーん。

まぁ、間に合っていたからといって賞をもらえたかどうかは分からないわけですが。

このアーカイブについて

このページには、2007年4月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2007年1月です。

次のアーカイブは2007年5月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。