月別アーカイブ: 2011年3月

新幹線格安チケットの入手方法

[片道]新大阪~博多の場合

購入方法 購入金額 割引額
通常購入 14,890円
J-WESTネット会員 14,020円 -870円
EX-IC(J-WESTカード会員)(※2) 12,880円 -2,010円
EX-IC早特(J-WESTカード会員)(※2) 11,450円 -3,440円

H23.3.31現在の割引情報です。

会員の登録・予約はこちらからできます。

※2 「エクスプレス予約」は、東海道・山陽新幹線「のぞみ」「ひかり」「こだま」の会員制ネット予約サービスです。ご利用には、JR西日本のJ-WESTカード(エクスプレス)、またはJR東海エクスプレス・カードへ入会が必要です。(年会費:税込1,050円)

[Chrome拡張機能] AutoPagerize

AutoPagerize

例えばgoogleで検索した時に、10件のサイトが表示される。

11件目以降は「2」や「次へ」をクリックしないといけない。

しかし、AutoPagerizeをインストールすると、検索結果をスクロールしていくと自動的に次のページの検索結果を読み込み、ページの下にロードしてくれる。

「次へ」をクリックする必要が無くスクロールするだけで検索結果をどんどん表示させることができる。

cool!

[CSS]1つの画像で星レベル(ランク)を表示

【参考】
http://allabout.co.jp/gm/gc/24018/

以下のように、星の数でランクを表したい時があります。

ハンドリング ★★★★☆(4.0)
燃費 ★★★☆☆(3.0)
静粛性 ★★★★★(5.0)

そんな時に、1つの画像とCSSだけで実現するテクニックです。
今回メモするテクニックなら、3.5や4.5など、0.5単位の星も付けることができます。

画像の準備

次のような画像を準備する。

星が19個並んだ一つの画像です。
右から5つめの星は0.5を表すために半分だけ色の付いている星になっています。
この画像の、星一つあたりの幅は空白も含めて15pxになっています。等間隔に星が並んでいることがポイントです。
この画像の任意の場所75pxを表示させれば、
0~5.0のランクを0.5単位で表示することができます。

CSSソース

スタイルシートは以下の様になります。たったこれだけです。
(星の画像は「star.gif」とする)


.starlevel5 {
  background-image: url('star.gif');
  background-repeat: no-repeat;
  width: 75px;                  /* 横幅→星5つ分 */
  height: 15px;                 /* 高さ→星1つ分 */
}
.star50 { background-position: left top; }
.star40 { background-position: -15px top; }
.star30 { background-position: -30px top; }
.star20 { background-position: -45px top; }
.star10 { background-position: -60px top; }
.star00 { background-position: -75px top; }

.star45 { background-position: -150px top; }
.star35 { background-position: -165px top; }
.star25 { background-position: -180px top; }
.star15 { background-position: -195px top; }
.star05 { background-position: -210px top; }

HTMLソース


攻撃力:<div class="starlevel5 star30"></div>
守備力:<div class="starlevel5 star35"></div>
回復力:<div class="starlevel5 star40"></div>
信頼性:<div class="starlevel5 star05"></div>
エロさ:<div class="starlevel5 star50"></div>

▼表示例

星の最大値をカスタマイズ

今回の例は星の最大値が「5」だったが、CSSを少しいじるだけで「4」や「3」にすることもできる。

[HTML]ブロックレベル要素とインライン要素

HTML・CSSを深く理解しようとする前に知っておきべき概念があります。
それは、HTMLのブロックレベル要素インライン要素です。
この概念を理解して頭に入れちゃえば、あとの勉強が楽チンです。
知らないよりも格段にコーディングのセオリーが身に付くと思います。

ブロックレベル要素

ブロックレベル要素とは、改行を伴う要素です。
特徴としては、親要素の内容幅全体に広がって配置されます。
つまり、基本的にはブロックレベル要素の隣に他の要素は並べることができません(通常フローの場合)。
ブロックレベル要素は横幅いっぱいの矩形(四角形)で表現されると考えると理解しやすくなります。

【ブロックレベル要素】

h1 h2 h3 h4 h5 h6 p div table dl ul ol form address blockquote fieldset hr pre

インライン要素

インライン要素は、文中の一部分に対する意味付け、書式設定などを行うものです。

【インライン要素】

a abbr acronym b bdo big cite code dfn em i kbd label q samp small span strong sub sup tt va

インライン要素中に改行が行われるとがあると思います。
改行によって分割された面にはborder, margin, padding はその表示が行われません。
また、原則として、インライン要素はブロックレベル要素をその子孫要素として持つことができません。

レストランが作るこだわりの逸品から会議弁当やピザチェーンまで、出前・宅配の総合グルメサイト『ぐるなびデリバリー』

XHTML と HTML の違い

【HTML】
SGML という言語をベースに作成されたマークアップ言語。

【XHTML】
XML を使ってHTML を再定義したマークアップ言語。
XML は仕様が厳格。
XHTML を使ったWebページの作成では、要素名の記述は小文字のみ。終了タグの省略は認められない。
文書の理論構造が正しく記述できる。
CSS と組み合わせることで視覚表現にかかわる内容と理論構造を分離して記述できる。

カミソリ負け対策

人生で初めてカミソリ負けしました。

ホテルの使い捨てカミソリです。

今までこんなことはありませんでした。

俺はカミソリには強い、とさえ思っていました。

剃るなり、口の周りがヒリヒリしてきました。

そして、口の周りが少し赤くなり。。。まるで鯰です。

クリームを塗ったら痛みは治まりました。

みなさん、良いカミソリを使いましょう。

でも、、、

本当の原因はシェービングフォームかもしれません!
ただの洗顔フォームでやったので。

カミソリ負けする場合は、カミソリとシェービングフォームを見直しましょう!

コーヒーのこんな効果

1.すっきり!目覚まし

飲用効果で最も知られているもの。コーヒーに含まれるカフェインが交感神経を刺激するので、血行がよくなって眠気が覚めるのです。
しかし、個人的に私は、交感神経を刺激しすぎるようで、心臓バクバク、体がブルブルします。相性悪いようです。orz

2.ホッと!リラックス

目覚まし効果とは逆に、リラックス効果もあります。これはコーヒー特有の豊かな香りによるもの。アロマ効果のようなものですね。
香りだけなら私の体も問題ございません。

3.シャキーンと!リフレッシュ

気分転換にはもってこいのコーヒー。勉強や仕事中に飲んで作業効率を上げましょう。
ある研究によると、コーヒーを飲んだ後では計算力や記憶力がアップしたというデータがあるそうです。
もちろん、私のように心臓バクバク、体がブルブルなっちゃう人は効果が下がるかもしれません。

windows7の凡ミス!!!オモロー

ファイル共通をしようと思ったら・・・・

共有を設定した項目はコンピューターがスリープ状態になるとアクセスできくなります

こんなミスするんですね。
プっ

マイクロソフトさん、謝礼をお待ちしております。(えぇ、もちろん冗談です。冗談ですよ。。。期待してませんよ。。)

※windows7(SP1)2011.3.18現在の情報です。