SQLの窓

2010年09月08日


Firebug の変更可能なショートカットのデフォルト値

変更可能なものは、定義ファイルから引っ張って来ました。以下のようになっています。( 1.5.4 )

accel shift は、Ctrl+Shift となるようです。
全体の一覧は Keyboard and Mouse Shortcuts - FirebugWiki です
コマンドを繰り返しcontrol shift e
調査を切り替えaccel shift c
クィック情報ボックスを切り替えaccel shift i
プロファイルを切り替えaccel shift p
コマンドラインにフォーカスaccel shift l
Firebug 検索にフォーカスaccel shift k
ウォッチエディタにフォーカスaccel shift n
ロケーションにフォーカスcontrol shift VK_SPACE
次のオブジェクトへcontrol .
前のオブジェクトへcontrol ,
新しいウィンドウで Firebug を開くaccel VK_F12
左の Firebug パネルに切り替えaccel shift VK_PAGE_UP
右の Firebug パネルに切り替えaccel shift VK_PAGE_DOWN
Firebug を開くVK_F12
前の Firebug タブcontrol `
コンソールをクリアaccel shift r
トレースコンソールを開くshift r
左上のバグアイコンをクリックして表示されるメニューの「ショートカットのカスタマイズ」で変更できます。

Firebug_shortcut


posted by lightbox at 2010-09-08 03:01 | Firefox | このブログの読者になる | 更新情報をチェックする

2010年09月05日


IE8 : 開発者ツール(デベロッパーツールズ) の console API の正しい詳細

英文ですが、以下のページの後半に詳細があります。
Debugging Script with the Developer Tools

Ief12_ms

データを表示するバッチメソッドとしては5つありますが、いずれも
内容は Firebug と同じで、表示されるアイコンが変わるようです。

console.log
console.info
console.warn
console.error
console.assert
for( x in console ) で調べましたが、Google Chrome も Firebug と互換性があります。 ※ Google Chrome は dir も dirxml もあります。 また、Firebug と同じく %d や %s や カンマも使えます。 後、リンク先の最後には、console.clear(); の存在について書かれていますが、 Firebug に合わせる為には以下のようにして自分で作りなさいという事のようです。
console.debug = function(name, value){
	console.warn("DEBUG: " + name + "==" + value);
}

Firebug Console API

IE8の開発者ツールショートカットキー

Developer Tools Keyboard Shortcuts Reference

※ CTRL + P でドッキングとその解除を交互に行います
※ ドッキング中に CTRL + M で最小化と表示を交互に行います


posted by lightbox at 2010-09-05 23:35 | IE開発者ツール | このブログの読者になる | 更新情報をチェックする

2010年09月03日


Firebug で要素を調査 / Firefox アドオン

インストールは簡単で、Firefox で Firebug へアクセスして「Firefoxへ追加」
ボタンでインストールします。

プログラマでもデザイナでも、そのページの情報を知る為の最も簡単な方法です。

Firebug_check_element

調査したい要素にカーソルを当てて、右クリックして「要素を調査」を選択します。
調査したい場所がカーソルで確定できない場合は、後で HTML の構造から探せば
良いので適当な場所で「要素を調査」を開始します。

Firebug_check_element2


※ HTML 側にカーソルをあてると、ページのその部分が選択されます

Firebug_check_element3

さらに、その要素に対しての直接の操作として以下のようなメニューがあります。
削除を使うとその要素が削除されるので、画像をキャプチャする前に必要無い部分
を事前に削除するというような事も可能です( 広告等 )
Firebug_check_element4
posted by lightbox at 2010-09-03 02:43 | Firefox | このブログの読者になる | 更新情報をチェックする
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 ドロップシャドウの参考デモ
Google Hosted Libraries
cdnjs
BUTTONS (CSS でボタン)
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり