Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: Bookmarklet

[BOOKMARKLET] 100+ Useful Bookmarklets For Better Productivity – 使えるブックマークレット100選

  • Pocket
  • このエントリーをはてなブックマークに追加

使えるブックマークレットが100個も紹介された記事。どんなものがあるかいくつか抜粋すると、DiggやDeliciousなどのソーシャルサイトへの投稿、ブラウザウィンドウのリサイズ、スクリーンショット、PDFでのダウンロード、ログイン補助、定規やグリッドの表示、CSSやHTMLのバリデーション、辞書や翻訳など様々です。ブックマークバーに突っ込んでおくだけで機能するので便利ですね。

[BOOKMARKLET] CSS Prism – 表示中のサイトのCSSで使われている色指定を抽出してくれるブックマークレット

  • Pocket
  • このエントリーをはてなブックマークに追加

指定したサイトのCSS内で使われている色指定を抽出してくれるサイト。サイト内の入力フォームに調べたいサイトURLを記入してエンターでもいいのですが、便利なのがサイト下部より配布されているブックマークレット。これをまずブックマークしておいて、調べたいサイトを表示中に選ぶ事でも同様の調査ができます。素晴らしいっすねこれ。巡回中に「あ、このサイトの色ナイス」って思う事ってよくあるんですが、そんな時にサクっと調べる事ができそうです。デザイナーの方にオススメ。

[BOOKMARKLET] 32 Indispensable Bookmarklets for Web Developers and Designers – ウェブデベロッパーのためのブックマークレット

  • Pocket
  • このエントリーをはてなブックマークに追加

やってまいりましたブックマークレットまとめ記事。ウェブデベロッパーでありブックマークレットが大好きという、ごくごく限られた人たちのための記事でございます。制作現場において「あると便利だYO!」というブックマークレットがまとめられてます。ルーラーやグリッドなどを表示するデザインツール、任意のDIVボックスをハイライトしてくれるもの、CSSリローダー、DOMインスペクター、ブラウザウィンドウリサイザー、バリデーションツール、ページ内で使われているCSS表示、その他細かいものが色々と山盛りでございます。つーかSafariのブックマークバーに「Bookmarklet」ってフォルダが作ってあるんだけど、ここ全然整理ができてなくてカオスです。こうなると便利どころか閲覧性が悪いので、ブックマークレットはちゃんと目的別に整理して使いましょうね。

[BOOKMARKLET] Guide to Most Useful Bookmarklets for Chrome, Firefox, Safari, etc. – モダンブラウザのためのブックマークレット

  • Pocket
  • このエントリーをはてなブックマークに追加

モダンブラウザのためのブックマークレットまとめ。ブックマークレット好きとしてはこれなかなかアツいです。ブラウザで表示しているURLをBackTwert(Twitter Reactions)、スクリーンショットを撮影(Capture Screenshot)、表示中のURLをGmail(GMail This!)、表示中のURLをGoogle Trendsで調べる(Google Trends)などなど、盛りだくさんな上に実用的。っていうかそろそろBookmarkletフォルダ整理しなきゃ色々とカオスな状態になってまいりました。

[BOOKMARKLET] Readability – ごちゃごちゃしたページを読みやすく変換してくれるブックマークレット

  • Pocket
  • このエントリーをはてなブックマークに追加

ウェブサイトって、良くも悪くも“読み物”として考えると必要のないものがゴチャゴチャしてますよね。メニュー、広告、デザイン用のパーツ類など、純粋に読む事だけが目的であるなら、もっとシンプルでもイイはず。というコンセプトのブックマークレット。サイト内で基本設定(フォントスタイル、サイズ、マージンの3項目)を行ったら、右側にある“Readability”のリンク(これがブックマークレットになってます)をブックマークバーに放り込んで完了。あとは普通に巡回しながら、「このページちょっと集中して読みたい」と思った時に、ブックマークレットを使えばオッケー。テキストだけが抽出されて読みやすい内容になります。とここまでは素晴らしいんだけど、実際自分や友人のブログでこれを使うと、必要なカラムの情報がなくなったりしちゃいました。ニュースサイトでもわりと同様。コンセプトは素晴らしいけど、イマイチ精度が悪いみたい。今後に期待ということでひとつ。

[JAVASCRIPT] WTFramework bookmarklet – このサイト何のJSライブラリ使ってんの?がすぐ分かるブックマークレット

  • Pocket
  • このエントリーをはてなブックマークに追加

これはなかなか便利。最近じゃサイト内でJavascriptライブラリを使用することが一般的になったけど、常にネタを探す癖のある製作者的には「で、このサイト何のJSライブラリ使ってんの?」とソースを見る事もしばしばありますね。ハイ自分もたまにやります。そんな時にこのWTFramework bookmarkletを使えば、ソースを見ずともサクっと調べられます。「jQuery 1.2.6だよ!」とか教えてくれるのでとっても便利。まぁソース見れば分かるコトなんだけどね。ブックマークバー内のブックマークレットまとめフォルダに突っ込んでおきました。ブックマークレットのネーミングセンスが秀逸。

[IPHONE] iPhone 3G関連のナイスな記事

  • Pocket
  • このエントリーをはてなブックマークに追加

iPhone 3Gで使える! ブックマークレット大辞典

この記事とってもナイス! iPhoneで使えるブックマークレットのまとめ記事。元は用のものらしいんだけど、iPhone 3G発売に合わせて記事を起こし直したみたい。どれもiPhone 3Gで使えるようです。ここで紹介されてるブックマークレットを使えば、iPhoneの欠点をかなり補えそう。例えばコピペやページ内検索、WikipediaやAmazon、Googleイメージ検索などがサクっと行えるようになります。いやーもうこりゃ早速使ってみます。イャッホーい!

iPhoneを快適に使うショートカット5選

ちょっとこれ系の記事をまとめたかったので、エントリの趣旨を変更。ここで紹介されてるショートカットめっちゃ便利。特に入力モード変更ボタンをプレスで「。」とかを簡易入力できる機能と、スクリーンショットの機能の2つは秀逸。

iPhone 3Gは「奇跡」だけれども、トラブルも多し。

iPhoneに関するトラブルのまとめ記事。***@i.softbank.jpのメールアドレスの設定の仕方が書いてあります。これ俺も知らなかった。まぁSBの説明不足ですな。

あなたのサイトはiPhoneで見られますか?

iPhone用のサイト制作をする際に役立つ記事。エミュレーターとかMyポータルサービスとかが紹介されてます。

[YOUTUBE] Download YouTube Videos as MP4 Files – YouTubeの動画をmp4形式でダウンロードする方法

  • Pocket
  • このエントリーをはてなブックマークに追加

YouTubeの動画をダウンロードする方法って結構色々あるんだけど、特定のサイトを利用しなくて済むという意味で、個人的には決定版と言える保存法が紹介されてます。ここで紹介されている方法は、ブックマークレットを使用します。まず記事内にある“Get YouTube video”というリンクを、ブラウザのブックマーク内の好きな場所に登録しましょう。自分の場合はSafariのブックマークバーの中に“Bookmarklet”というフォルダを作ってあるので、その中に放り込みました。前準備はこれでオッケー。次に保存したいビデオをYouTubeで表示しましょう。その状態でブックマークバーからさっきの“Get YouTube video”をクリック。するとムービー右側にあるインフォメーション欄の最下部に、“Download as MP4 (right-click and select Save link as)”というリンクが出現するハズ。これを右クリして保存すればオッケーです。マック&Safari環境では、拡張子が.htmlの状態で保存されちゃうので、保存後に.mp4に変更すれば大丈夫でした。これで特定のサイトに頼らずにサクっと保存できるようになりますね。

ちなみに最近モンハンライアンばかり見てます。めっちゃオモろい。