slaypni https://blog.hatena.ne.jp/slaypni/ @slaypniのまとめも https://slaypni.hatenadiary.org/ javascript bookmarklet 自作 リンク先サイトのサムネイルを一覧表示するブックマークレットを作ってみた。 Anchor Thumbnails Catalog動機は、リンクのリストがずらーっと並んでるページで、手早くリンク先サイトを眺めたいなー、と思ったことから。サムネイルを表示する方法は、2種類から選択できるようにした。 "imageモード"は、サムネイル生成サービスを利用して、画像をサムネイルとした方法。 "iframeモード"は、iframeを使ってサイトを表示する方法で、表示されてるサイトを直接操作できる。"iframeモード"では、CSSのtransformを使うことで、サイトを縮小して表示している。 ただし、この方… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fslaypni.hatenadiary.org%2Fentry%2F20120527%2F1338111465" title="リンク先サイトのサムネイルを一覧表示するブックマークレットを作ってみた - @slaypniのまとめも" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://hp.vector.co.jp/authors/VA038583/images/anchor_thumbnails_catalog_min.png Hatena Blog https://hatena.blog 2012-05-27 18:37:45 rich https://slaypni.hatenadiary.org/entry/20120527/1338111465 1.0 100%