« Google App Engineでデプロイできない。Invalid user name or password | トップページ | IE11でcreateStyleSheetが使えなくなってた&ブラウザ判別の問題 »

2014年9月10日 (水曜日)

リンク&引用のためのブックマークレットを修正

 だいぶ前に作ったブックマークレットをいまさらながら修正。ブラウザで開いているページへのリンク用HTMLコードなどを作成するためのブックマークレットです。紹介記事はこれ。

 今見ているページをカンタンに紹介。リンクと引用を手間なくできるブックマークレット はてなブックマーク - 今見ているページをカンタンに紹介。リンクと引用を手間なくできるブックマークレット: point of view point

 使い方に変更はまったくなし。単にロード時の速度をアップするためのコード修正を行いました。

 これまでは表示のためのスタイルシートを別途読み込んでいたのですが、それをやめました。また、コード自体も圧縮ツールを使って容量を削減しています。

 体感できるくらいには早くなっているかと思われます。

 こんな感じでサムネイル画像も入れられます。

サムネイル付きで今見てるページをカンタンにリンク&引用するブックマークレット: point of view pointサムネイル付きで今見てるページをカンタンにリンク&引用するブックマークレット: point of view point はてなブックマーク - サムネイル付きで今見てるページをカンタンにリンク&引用するブックマークレット: point of view point

 引用部分もいっしょに入れられます(ページ上で選択して反転した部分がblockquoteで囲まれます)。

歩きながら揺れない動画を撮る! すごいよ! MMC (Hague Mini Motion-Cam Stabilizer)カメラスタビライザー: point of view point

歩きながら揺れない動画を撮る! すごいよ! MMC (Hague Mini Motion-Cam Stabilizer)カメラスタビライザー: point of view point はてなブックマーク - 歩きながら揺れない動画を撮る! すごいよ! MMC (Hague Mini Motion-Cam Stabilizer)カメラスタビライザー: point of view point
 歩きながら動画を撮影するのは意外とむずかしい。「世界ふれあい街歩き」みたいな映像なんて、まずムリ。普通なら画面が揺れて気持ち悪い映像になってしまうからだ(映像酔いしちゃう)。手ブレ補正機能を持ったカメラもあるけど、それが動画に対応してない(静止画専用)だったりすることもある。そんな場合は後付でステディカムとかスタビライザーとか言われる機材を追加購入すればいい。

 また、今回の修正で、サムネイル画像ありの場合に、リンクと引用部分をマージン付きのdivタグで囲むことで、画像の下に回り込まないようにしました。

 上記例では引用部分が点々で囲まれていますが、これはブログに設定したスタイルシートによるものです。各自好みで指定してみてください。

 それから、記事タイトルとはてなブックマークの登録数の間にスペースを加えました。これは好みによるものなんですが。あまりにつまり過ぎな見た目が気になっていたもので。

 なにか不具合などあればコメントください。


|

« Google App Engineでデプロイできない。Invalid user name or password | トップページ | IE11でcreateStyleSheetが使えなくなってた&ブラウザ判別の問題 »

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/35726/60293561

この記事へのトラックバック一覧です: リンク&引用のためのブックマークレットを修正:

« Google App Engineでデプロイできない。Invalid user name or password | トップページ | IE11でcreateStyleSheetが使えなくなってた&ブラウザ判別の問題 »