OBLAAT

OBLAATとは

OBLAATはコーディングしたページ表示上に画像(png, jpg, gif)をかぶせて表示することができる制作支援ブックマークツールです。。デザインとの差異の比較などにご利用ください。

対象ブラウザ

  • ・Chrome
  • ・Firefox
  • ・Safari(6以上)
  • ※Drag and Drop, File, FileReader APIが必要です

Oblaatの使い方

ブックマークに登録

下のラベル↓をブックマークバーにドロップして、ブックマークに登録してください

OBLAAT
v1.0

※また、クリックして実際に動かしていただければ、現在お使いのブラウザで利用可能かわかります。

画像ロード方法

(1) 画像を重ねたいページを表示して、登録したOBLAATブックマークをクリックします

(2) 表示されたモーダルウインドウのドロップエリアに画像を直接ドロップするか、ファイルを選択してロードします

(3) ロードした画像はウインドウの左上を原点(x: 0, y: 0)として表示されます

操作方法

ウィンドウ右側のコントローラーにより画像を操作できます。

  • (1) サブウインドウを表示します (クリック)
  • (2) 画像の透明度を変更します (ドラッグ)
  • (3) 画像を表示・非表示します (クリック)
  • (4) 画像を移動します (クリック)
    ※画像は直接ドラッグしたり方向キーで移動することもできます
    ※シフトキーを押しながらだと、10pxづつ移動できます
  • (5) 画像の位置を固定します (クリック)
  • (6) 画像の位置を保存します (クリック)
    ※Local Storageを使用していますので、同一オリジン毎の保存になります
  • (7) 保存した画像の位置を消去します (クリック)
  • (8) 保存した画像の位置を呼び出します (クリック)

ショートカット

  • ・画像位置固定のオン, オフ → [Shift] + [Q]
  • ・画像表示のオン, オフ → [Ctrl] + [Q]
  • ・コントローラー表示のオン, オフ → [Ctrl] + [Shift] + [Q]