冒険日誌

test2

Fri, 15 Jun 2012 16:12:47 +0900

test2

test

Fri, 15 Jun 2012 15:13:46 +0900

test

【HTML】ブラウザの戻るボタンの無効

Sat, 03 Dec 2011 18:27:35 +0900

（戻りたくない画面に）

を記述しておく

【js】【jQuery】e.preventDefault();

Sat, 19 Nov 2011 14:41:55 +0900

e.preventDefault();
について考える。

ドラック中にテキストを選択してしまうのを抑えることができるらしい。
画像では、あまり意味を成さないかもね。

参考URL
http://d.hatena.ne.jp/miya2000/20070306/p0

【CSS】z-index

Sat, 19 Nov 2011 00:34:55 +0900

こんばんは。たけしですヮ(ﾟдﾟ)ォ!

今日のテーマはz-index！！
これは、z軸の順番を指定するものです。

例えば、image1をz-index:1;
image2をz-index:2;
image3をz-index:3;
と設定すると、
重なったときに、image3が一番上に、
二番目にimage2がくる。
三番目にimage1がくる。

参考URL
http://www.htmq.com/style/z-index.shtml
http://www6.plala.or.jp/go_west/nextcss/ref/prp/dsp_n_ps/z_ndx.htm

【CSS】overflow

Tue, 15 Nov 2011 00:55:46 +0900

こんばんは、たけしです！

今日は、overflowについての勉強です！

overflowは、ボックスの範囲内に内容が入りきらない場合に、はみ出た部分の表示の仕方を指定する際に使用するそうです(^_^)

値は以下の四つが用意されています。

visible

ボックスからはみ出して表示されます。これが初期値です。尚、Internet Explorerでは、内容がはみ出すのではなく、ボックスの方が内容に合わせて拡張されます。
scroll: 入りきらない内容はスクロールして見られるようになります。
hidden: はみ出た部分は表示されません。
auto: ブラウザに依存します（一般的にはスクロールして見られるようになります）。

結構、いろいろできるみたいですね！！(*´ω｀*)

参考URL
http://www.htmq.com/style/overflow.shtml

【CSS】【iPhone】link

Sun, 13 Nov 2011 09:16:50 +0900

a {
color: red;
-webkit-tap-highlight-color: rgba(100,33,99,0.3);
}

この記述について考える。
cssのなかでは、class名をhtmlとすれば、htmlの指定。
bodyとすれば、bodyの設定を行うことができる。
さらに、
aでは、リンクのスタイルを指定することができる。
デフォルトでは、a hrefタグの指定ではフォントカラーはブルーになるが、
ここでは、レッドに指定してる。

-webkit-tap-highlight-color: rgba(100,33,99,0.3);
これは、iPhone特有のオプションで、
iPhoneはリンクをタップしたときに、テキストに色がかかる。
その色を指定している。

【iPhone】【CSS】webkit

Sun, 13 Nov 2011 08:46:34 +0900

-webkit-user-select: none;
-webkit-user-drag: none;

この2つが気になった（・∀・）

調査してみた！

-webkit-user-select: none;
まずは、これから！！
webベージでは通常、ドラッグをすると、テキストを選択することができます。
これを防ぐ方法が、この-webkit-user-select: none;だ！！！
しかし、safariのみ使用可能なことと、
Ctrl+aは防げないらしい。。。
残念(￣д￣)ｴｰ

-webkit-user-drag: none;
こっちは調査した結果、あんまり有用な記事は出てこなかったなぁ～
要するに、ドラッグ＆ドロップを禁止するようなものらしい。
画像を保存するときの、、、
でも、これ付けても駄目だったわ～。
どゆこと～～(~O~;)

【CSS】【iPhone】font-family

Sun, 13 Nov 2011 04:05:40 +0900

iPhoneのSafariで指定されているフォントがデフォルトであるらしい～

iPhoneの指定されたフォントを使うには、postscript名での指定が必要らしい。

参考URL
http://webrl.amrde.com/iphone/iphone4-ios43-default-fonts.html

【CSS】【iPhone】-webkit-text-size-adjust: none;

Sun, 13 Nov 2011 03:31:35 +0900

-webkit-text-size-adjust: none;

この表記がスタイルシートにある！
この表記はいったい？？

調べてみたところ、、、
iPhoneは機体を縦、横にしたときにフォントサイズを自動で調整するらしい。

それを回避するのがこのタグ！

他にもあるらしい。

-webkit-text-size-adjust: auto;
-webkit-text-size-adjust: 200%;

こんな感じでもいけるらしい！