表示中のページに画像をオーバーレイで表示し、デザインの確認をするためのブックマークレットを紹介します。 Image-A-Trois [ad#ad-2] Image-A-Troisは下記キャプチャのように半透明のパネルを表示することができ、パネルには画像を配置することができます。 パネルはサイズの変更やドラッグで移動も可能です。
表示中のページに画像をオーバーレイで表示し、デザインの確認をするためのブックマークレットを紹介します。 Image-A-Trois [ad#ad-2] Image-A-Troisは下記キャプチャのように半透明のパネルを表示することができ、パネルには画像を配置することができます。 パネルはサイズの変更やドラッグで移動も可能です。
Responsive Design Test Bookmarklet (BenjaminKeen.com) 現在見ているページの、いろいろな解像度での見え方を簡単に確認できるブックマークレット「Responsive Design Test Bookmarklet」が公開されています。 (英語) まず上記ページにアクセスして、確認したい解像度を設定します。 初期状態で6つの解像度が設定してありますが、別の解像度の追加や削除もできます。 設定し終わったら「Generate!」をクリックして「Responsive Design Test」のリンクをブックマークとして登録します。 後は好きなページで、さきほど登録したブックマークを選択実行すれば、設定した解像度を一覧で確認できるページにジャンプします。
Cookpad Recipe Scalable - Hatena::Let 最近よくクックパッドのレシピを見て料理を作っているんだけど、作りたい分量が合わないとき頭で分量を計算しなおすのが面倒くさいので作りました。 ブックマークレットを起動すると「操作」エリアが追加され、テキストエリアに数字を入れて「倍」ボタンを押すと分量を変更してくれます。あと、おまけで「ヘルシーに」を押すと肉と油を減らしたり「うまそうに」を押すとその逆をやってくれたりする機能もつけてみました。 豚汁 100 人分とか巨大なケーキの分量を知ることができて便利だと思う (もちろん 0.5 とか入力して 4 人分を 2 人分に減らすこともできる)。ただ、レシピ掲載者のひとたちの表記ゆれを全部カバーできている自信が全然なくてうまく動かないことが多いかもです。 (サンプル画像としてプロの味!の豚汁 by Fumiaを使わせていた
CSS3でスタイルした箇所をサポートしていない古いブラウザ、まぁ主にIEなのですが、でどのように見えるのか簡単に確認できるブックマークレットを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く