忍者ブログ
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

■pipa推奨の動作環境
・Windows 7 Home 上の IE8.0以上, FireFox最新版
・手ブロはIE6には非対応 (※おそらく見る専なら可)


引っかかると増える
■IE

ツッコミが追い付かないIE6の撲滅カウントダウンサイトはこちら http://www.ie6countdown.com/

削除不可の変数”$headerPart”の中に
<meta http-equiv="X-UA-Compatible" content="IE=8" />
という記述がある為、IEではcss3が悉く反映されない。
”<head>”と”$headerPart”の間(5行目くらい)に
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
と入れて解決。

■Chrome

ブラウザに”最小フォントサイズ”なるものが存在し、初期値が10pxである。
これを個々が変更していないと、cssで9px以下を指定してもChromeでは10pxで表示されるのでデザインが崩れる可能性がある。
以前は、”-webkit-text-size-adjust: none;”や”-webkit-text-size-adjust: 100%;”で解決できたようだが、現在のバージョンではこの設定は無効。
ブラウザの縮小機能使った時も頑なに最低10pxを死守するのはどうかと思う(愚痴)

■Safari

pipa側の変数の中にあるコードにも問題はあるけど、cursorとfont-decorationがちょっと面倒な印象。
Safariだけリンクのunderlineが消えてなくて、違うところにも”font-decoration:none;”を設定しなければならなかったり。面倒くさい。

■Opera

”@media screen and () ”がOperaだけ上手く機能してくれない。私が勉強不足なだけかも。
PR
手ブロソース内で見かけるこれ
#foreach($tegaki in $tegakiList)
#if
#else
#end
(以下略)
の思いつきメモ

Velocityに関しては全く分からない
詳しい事はVelocityでググると出てくるかもしれない
$editorName
$editorPage
 例:<a href="$editorPage">$editorName</a>
$bookmarkButton
しょっちゅう忘れるというかそもそも記憶してない
word-wrap: break-word;
white-space: nowrap;
text-overflow: ellipsis;
letter-spacing: -1px;
:first-letter {}
:first-line {}
:nth-of-type()
:nth-last-of-type()
:nth-child()
:nth-last-child()

	-webkit-border-radius: 7px;
	        border-radius: 7px;

	-webkit-box-shadow: 0px 0px 10px 0px #444;
	        box-shadow: 0px 0px 10px 0px #444;

	-webkit-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;

	-ms-filter: "alpha(opacity=50)";
	    filter: alpha(opacity=50);
	      opacity: 0.5;