SQLの窓

2011年01月25日


Firebug 1.6.0 以降で、「スクリプトパネル」が表示されません / 2011/01/25 確認。何故か動作しています

2011/01/25
今日チェックしたら動作しているので、考えられるのは環境の違いですが、
先日は2つの別々の PC で同じ結果になっていたのでローカルネットワーク
になにか問題あったのかもしれません

あ、でも、1.5.4 を入れると動いたのば事実です。
リロードすると、Firebug が閉じてしまってお手上げ状態 Windows7 で確認したのみですが、何度インストールしなおしても 同じです。WEB を調べてもヒットしないのでたぶん日本語環境だけ なのかもしれません( もっと何か限定的な条件があるかも ) ※ XP では動作しました もともと、このパネルを使う技術者は少数だとは思いますが、IE で 動かない JavaScript のデバッグするにはこれが必須です。残念ながら Google Chrome の使い勝手はあまり良くありませんし、Opera は問題外 です。 http://getfirebug.com/releases/firebug/1.5/ から1.5.4 が入手できます。「アドオン」から現在の Firebug を削除して からインストールします とにかく、ソフトウェアというものはバグがあって当たり前なので、 それに依存するような作業を普段行うような場合は、絶対むやみに 最新版にしてはいけませんね。 Windows Update すら、本来は信用できません。
タグ:トラブル
posted by lightbox at 2011-01-25 11:58 | Firefox | このブログの読者になる | 更新情報をチェックする

2011年01月24日


prototype.js で使っていたのをさらに短縮した IE かどうかの判断。

prototype.js が内部で使っているブラウザの判定は、
Prototype.Browser プロパティで行いますが、個別のブラウザで判断せずに
仕様別で判断しています。( 内部で使う為ですし )

ですが、もちろん外部からも使えるわけです。ただ実装がちょっと変わっていて、
Prototype.Browser という プロパティに 無名 function の 戻り値をセット
していて、しかもその戻り値がオブジェクトになっているので、IE かどうかは、

if ( Prototype.Browser.IE ) {
	// IE の処理
}

というふうに判定します。
その他の種別として、Opera、WebKit、Gecko、MobileSafari となります。

その中の IE の判定が結構重要なので、prototype.js が無くても使えるように
考えてみたのが以下の記述です。
!!window.attachEvent && !window.opera


posted by lightbox at 2011-01-24 17:31 | prototype.js | このブログの読者になる | 更新情報をチェックする

Windows XP の各ブラウザの userAgent の文字列

OS 表示部分以外は、Windows 以外でも同じなんでしょうか。確かめる術を
持っていないのが残念ですが、5つとも入れている人ってどのくらい居るの
でしょうか、案外すぐ手に入らないかもしれないので「参考資料」です。
Windows XP SP3

IE8
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET4.0C; .NET4.0E)

Firefox 3.6.13
Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.2.13) Gecko/20101203 Firefox/3.6.13 ( .NET CLR 3.5.30729; .NET4.0E)

Chrome 8.0.552.237
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/534.10 (KHTML, like Gecko) Chrome/8.0.552.237 Safari/534.10

Opera 11.00
Opera/9.80 (Windows NT 5.1; U; ja) Presto/2.7.62 Version/11.00

Safari 5.0.3
Mozilla/5.0 (Windows; U; Windows NT 5.1; ja-JP) AppleWebKit/533.19.4 (KHTML, like Gecko) Version/5.0.3 Safari/533.19.4



posted by lightbox at 2011-01-24 17:19 | WEBブラウザ | このブログの読者になる | 更新情報をチェックする

2011年01月16日


Safari : キャッシュの削除 ( Windows )



CTRL + ALT + E


他の保存関連の削除と共に一括で削除する方法もあります





未確認情報

以下のスクリプトで Safari のデーターベースのあるディレクトリを開く事が
できます。Safari を実行中は更新できませんが、Safari 終了後に削除すると
実行すると再作成されるようです。

Safari のキャッシュが登録されているっぽいDatabase(sqlite3)のあるディレクトリ



タグ:キャッシュ
posted by lightbox at 2011-01-16 20:13 | 記録 | このブログの読者になる | 更新情報をチェックする

2011年01月13日


-ms-transform と filter: の rotation を同時に使うと IE9(Platform Preview 7) が異常終了しました

あいうえお
§ ± ÷ Е Э
文字単位の回転 CSS をテストして発生しました。
結局、IE専用 の条件コメント(バージョン ベクタ) を使って以下のように記述します
<style type="text/css">
.rotation270 {
	/* 回転 : cos sin -sin cos : Y軸下向きが正 */
	-moz-transform:matrix(0, 1, -1, 0, 0, 0);
	-webkit-transform:matrix(0, 1, -1, 0, 0, 0);
	-o-transform:matrix(0, 1, -1, 0, 0, 0);
	-ms-transform:matrix(0, 1, -1, 0, 0, 0);
	transform:matrix(0, 1, -1, 0, 0, 0);
	display: inline-block; 
}
</style>
<!--[if lte IE 8]>
<style type="text/css">
.rotation270 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
</style>
<![endif]-->

あいう<span class="rotation270">▲</span>えお
<span class="rotation270">★</span>
<span class="rotation270">〒</span>
<span class="rotation270">§</span>
<span class="rotation270">±</span>
<span class="rotation270">÷</span>
<span class="rotation270">$</span>
<span class="rotation270">?</span>
<span class="rotation270">Е</span>
<span class="rotation270">Э</span>
IE9(Platform Preview 7) では、ALT-9 で IE9 のドキュメント
モードに強制変更する必要があります。


posted by lightbox at 2011-01-13 13:07 | IE | このブログの読者になる | 更新情報をチェックする

2011年01月09日


PHP の簡単なコードで、Textt を CSS ライブラリとして利用する

PHP が使える場合は、その WEB サイトに CSS を置くより Textt
に置いたほうが、メンテテナンス性に優れているかもしれません

Textt のサンプル
<?
header( "Content-Type: text/css" );
header( "pragma: no-cache" );
header( "Expires: Wed, 31 May 2000 14:59:58 GMT" );
header( "Cache-control: no-cache" );

$css = file_get_contents($_GET['url']);
print $css;
?>

PHP を使え無い場合は以下を利用していただいて結構です。
<link
	rel="stylesheet"
	type="text/css"
	href="http://lightbox.on.coocan.jp/css.php?url=TexttのURL">
url は、: を %3A / を %2F に変更して url= の右側にセットして下さい

例 : http%3A%2F%2Ftextt.net%2Fsworc%2F20110109105037.txt

テキスト変換サービスの urlencode を使用できます


タグ:PHP CSS
posted by lightbox at 2011-01-09 19:59 | WEBサービス | このブログの読者になる | 更新情報をチェックする

Google Chrome で IFRAME の frameborder="yes" が動作しないのですが(一般仕様はともかくとして)、よくよくブラウザ別に比べるとかなり違います。

IE では昔から 0、1、yes、no で動作する仕様になっています。
frameBorder Property (FRAME, FRAMESET, IFRAME, ...)

Mozilla では、仕様には無いようですが、0、1、yes、no で動作します
iframe - MDC Doc Center

以下に frameborder="yes" のIFRAME があります
Google Chrome ではframeborder="1" で動作しますが、少し気持ち悪いです。
と言うのも、frameborder に文字列が指定されると、frameborder="0" 扱いになって
frameborder が数字で(例えば "9" とかで)仕様外だと、frameborder="1" 扱いになります。

Firefox では、仕様外は全て frameborder="1" 扱いです。

Opera では、frameborder を指定しない場合と、frameborder="1" でのみ動作します。
それ以外は常に境界線は引かれません。つまり、仕様外は全て frameborder="0" 扱いです。
<IFRAME
	src="http://winofsql.jp"
	frameborder="yes"
	scrolling="yes"
	width="600"
	height="100"
></IFRAME>

以下は frameborder="1"、scrolling="yes" です


タグ:トラブル
posted by lightbox at 2011-01-09 12:12 | HTML / CSS | このブログの読者になる | 更新情報をチェックする
Seesaa の各ページの表示について
Seesaa の 記事がたまに全く表示されない場合があります。その場合は、設定> 詳細設定> ブログ設定 で 最新の情報に更新の『実行ボタン』で記事やアーカイブが最新にビルドされます。

Seesaa のページで、アーカイブとタグページは要注意です。タグページはコンテンツが全く無い状態になりますし、アーカイブページも歯抜けページはコンテンツが存在しないのにページが表示されてしまいます。

また、カテゴリページもそういう意味では完全ではありません。『カテゴリID-番号』というフォーマットで表示されるページですが、実際存在するより大きな番号でも表示されてしまいます。

※ インデックスページのみ、実際の記事数を超えたページを指定しても最後のページが表示されるようです

対処としては、このようなヘルプ的な情報を固定でページの最後に表示するようにするといいでしょう。具体的には、メインの記事コンテンツの下に『自由形式』を追加し、アーカイブとカテゴリページでのみ表示するように設定し、コンテンツを用意するといいと思います。


※ エキスパートモードで表示しています

アーカイブとカテゴリページはこのように簡単に設定できますが、タグページは HTML 設定を直接変更して、以下の『タグページでのみ表示される内容』の記述方法で設定する必要があります

<% if:page_name eq 'archive' -%>
アーカイブページでのみ表示される内容
<% /if %>

<% if:page_name eq 'category' -%>
カテゴリページでのみ表示される内容
<% /if %>

<% if:page_name eq 'tag' -%>
タグページでのみ表示される内容
<% /if %>
この記述は、以下の場所で使用します


Windows
container 終わり

フリーフォントで簡単ロゴ作成
フリーフォントでボタン素材作成
フリーフォントで吹き出し画像作成
フリーフォントではんこ画像作成
ほぼ自由に利用できるフリーフォント
フリーフォントの書体見本とサンプル
画像を大きく見る為のウインドウを開くボタンの作成

Android SDK ポケットリファレンス
改訂版 Webデザイナーのための jQuery入門
今すぐ使えるかんたん ホームページ HTML&CSS入門
CSS ドロップシャドウの参考デモ
PHP正規表現チェッカー
Google Hosted Libraries
cdnjs
BUTTONS (CSS でボタン)
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり