ブックマークレット／Bookmarkletの作り方 - catch.jp-wiki
Photo by Gayatri Krishnamoorthy via Flickr Bookmarklet(ブックマークレット)は、Webブラウザに追加できる小さなプログラムです。 ブックマーク(お気に入り)に置いといて、そこから呼び出す小さなプログラムなので、こんな名前になってます。 たとえば、Wikipediaや英和辞書で調べたり、今見ているWebページをちょっと加工したり、なんてことができます。 Webブラウザを使っていると、自分専用でちょっとした便利な機能が欲しくなることがありますよね。 解決する方法は色々あるけれど、とりあえずBookmarklet(ブックマークレット)が簡単なんじゃないか。 ということで、作り方を調べてみました。 ちなみに、ドラッグで選択した文字を検索するのは、ブックマークレットを使わなくても、右クリックすればOK >>オススメのJavscript解説書 確か
全て同時に確認できる、スマートフォンやデスクトップなどさまざまなサイズで表示できるブックマークレット -Responsive Design Test
全て同時に確認できる、スマートフォンやデスクトップなどさまざまなサイズで表示できるブックマークレット -Responsive Design Test
Evernoteを使うなら絶対に知っておくべき神ブックマークレットの使い方
いらぬ親切余計なお世話。 あまり好きな言葉ではございませんが、Evernoteを使っている時にそれをふと感じる事があります。 EvernoteでWebクリップをする際、ChromeエクステンションやFirefoxアドオンを用いている人が大半でしょう。 ただ、単にクリッパーをクリックするだけだとサイドバーやらヘッダーなどのいらない情報がクリップされてしまう事があります。 これぞ、The・いらぬ親切。 上は当ブログの過去記事を適当にクリッピングしたものですが、Webクリップにはヘッダーやらなんやら不要ですよね。 ロゴはカッコイイけど。 で、この間@goryugo さんのブログで紹介されていた、とあるブックマークレットが、こんな時に超絶便利だって言うお話なんです。紹介せざるを得ない感じで便利。 その名も、「Print what you like」！ 参考：[link]Evernoteのクリップに
cssの未使用セレクタをその場で複数ページ一括調査するブックマークレット・cssess
中小規模サイトの構築時に役立ちそうな ブックマークレットがあったのでご紹介します。 閲覧しているWebサイトで使用しているcss の未使用セレクタを教えてくれるブックマーク レットです。こういったWebサービスはあります が、その場でサクッと調べられるのは面倒が 無くて良いですね。 使いどころはやや限られますが、複数ページを一括で調査し、それぞれのページの未使用セレクタを知らせてくれますのでなかなか便利だなぁと感じました。 おそらくブックマークレットを使ったページからリンクされている同一ドメインページを読み込んでるっぽいのです。zipや#の付いたURLも含まれているのはそのためでしょうかね。こういうリンクがある場合はチェックをはずしてください。 ページごとに使っていないセレクタを教えてくれます。 ブックマークレットを使うと上記のような半透明のボックスが出ますので調べないページのチェックを外
ウェブを保存して後で読む「Instapaper」のある快適生活の始め方（PC/iPhone/iPad連携） - ネタフル
PC/iPhone/iPadでウェブを保存して、後でPC/iPhone/iPadから読むことができる、いわゆる「後で読む」的な機能を複数環境で実現する「Instapaper」を始めてみました。 もちろん「Instapaper」の存在は知っていたのですが、これまでの自分の環境ではそれほど必要としていませんでした。 しかし「iPad」の登場により「何かを読む」ということが飛躍的に増えた＆やりやすくなったので、そろそろ「Instapaper」ということに相成りました。 それではユーザ登録の方法からご紹介です。 ユーザ登録はコチラから。 メールアドレスでもユーザネームのどちらでも登録できます。 が、パスワードを忘れた際にリカバリできないのと、将来的にメールアドレスを利用したサービスが登場するかもしれないので、メールアドレスで登録して方が良いかもしれません。 また、アカウントのところで、パスワードも
ライフハッカーお勧めの多機能ブックマークレットQuixを試したら本当に便利だった
ライフハッカーで紹介されていた 高機能なブックマークレットの Quixを試したら本当に便利でした のでご紹介します。使いこなせば かなりブラウジングやWeb制作 の助けになりそうです。 Quixの使い方はいたって簡単で、指定されているコマンドを入力するだけ。以下のようにブックマークレットを使って出るテキスト欄にコマンドを入力します。 短いコマンドを入力するだけでGoogleの様々なサービスや、Web制作に役立つFirebugやxray、Twitterやtumblrにポストする事も可能。 コマンドの数はかなり多いので個人的にお勧めのコマンドを抜粋します。 Quixにはおよそ90ものコマンドが用意されており、ブックマークレットを使って出るテキストエリアにそのコマンドを入れるだけで使えます。検索関連機能は全て「コマンド キーワード」が使えます。 使い方使い方はかなり単純。ブックマークレットを使う
[JS]めちゃめちゃ小さいMP3プレイヤーのスクリプト -1 Bit Audio Player
MP3ファイルのテキストリンクの横に自動でめちゃめちゃ小さいMP3プレイヤーを設置できるスクリプトを紹介します。 1 Bit Audio Player デモ テキストの右に添えてあるアイコンのクリックでオーディオの再生と停止がコントロールでき、再生中はアイコンが変更されます。 プレイヤーはFlashのMP3プレイヤーが利用されています。 スクリプトはスタンドアローンで利用でき、またWordPressのプラグインとしても動作します。 設置時には、MP3ファイルのリンクの横に自動でアイコンが表示されます。 また、ブックマークレットも用意されており、スクリプトが設置されていないサイトでも1 Bit Audio Playerを利用することができます。 1 Bit Bookmarklet 1 Bit Audio Player（ブックマークレット）
HugeDomains.com
Captcha security check de-lab.com is for sale Please prove you're not a robot View Price Processing
テキストスタイルをジェネレートできる CSS Type Set[to-R]
テキストスタイルをジェネレートできる CSS Type Set CSS Type Setはテキストのスタイルをジェネレートできるサイトです。 デザインなどをしているとき、テキストに違和感を感じることがありますが、そういう時に使えそうです。 line-heightやletter-spacing、word-spacingも一緒にシュミレートできるので、色と文字間隔の関係やフォントと行間の関係なども簡単に確認できるので非常に便利です。 ただ残念なことに日本語フォントに対応してないようですので、日本語フォントに対応させる為のブックマークレットを作っておきました。 CSS Type Setに日本語を追加 上のリンクを右クリックでお気に入りに追加(IE)/このリンクをブックマーク(Firefox)でお気に入りに登録して、CSS Type Setでそのお気に入りを実行することで利用できます。 気に入った
![テキストスタイルをジェネレートできる CSS Type Set[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/73d23b415d523c6c2684f2de451727e98b5b4e8d/height=288;version=1;width=512/http%3A%2F%2Fblog.webcreativepark.net%2Fimg%2F20080215_01.jpg)
[Bookmarklet]ウェブデザインの確認に最適なブックマークレット -Design | コリス
Allan Jardine | Reflections ブックマークレット「Design」には４つのツールがあり、それぞれ同時に使用することもできます。 Grid リアルタイムに変更できるグリッドを表示します。
パスワードを表示するブックマークレット
パスワードを表示するブックマークレット ネタ元：アスタリスクで隠されたパスワードを確認する方法 非常に便利だったので自分用に改造してみました。 ネタ元のやり方だとパスワードがアラートで出るんですが、アラートだとコピペできないのでコピーできるように変更。 パスワードを表示 inputのtypeをpasswordからtextに変えてます(もしかしたらページのjsとバッティングする場合もあるかも) このスクリプト自体は無害(当然ネタ元のスクリプトも完全無害)だけど、自己責任で利用してください。 スポンサードリンク to-Rについて JavaScriptやCSS、React/Angularなどのフロントエンド情報を発信しています。 書いてる人 西畑一馬 (株式会社トゥーアール) 代表取締役/フロントエンドエンジニア 株式会社トゥーアールについて 渋谷にあるフロントエンドに特化したWeb制作会社です
アスタリスクで隠されたパスワードを確認する方法 [K'conf]
ログインが必要なサイトの多くは、IDとパスワードを入力するフォームが設置されています。 通常、このようなフォーム内のパスワード部分に入力した文字は盗み見防止のため、「********」のようなアスタリスクになって文字が隠されるようになっていますが、しばしば、この入力したパスワードを確認したい状況になる場合も少なくありません。 このようなケースに役立つハックの紹介。 以下のJavaScriptをアドレスバーに入力すると、次のようなダイアログ内にパスワードが表示されます。 javascript:(function(){var s,F,j,f,i; s = ""; F = document.forms; for(j=0; j<F.length; ++j) { f = F[j]; for (i=0; i<f.length; ++i) { if (f[i].type.toLowerCase() ==
![アスタリスクで隠されたパスワードを確認する方法 [K'conf]](https://cdn-ak-scissors.b.st-hatena.com/image/square/1a87d5887c466cccb0b849babb90931bdfa1b8c8/height=288;version=1;width=512/http%3A%2F%2Fkenz0.s201.xrea.com%2Fimage%2Fweblog%2F071121%2F2.gif)
にこ☆さうんどでMP3抽出ずみキャッシュを表示するブックマークレット - I am Cruby!
ニコニコ, javascript javascript:(function(){window.open("http://nicosound.dip.jp/sound/"+location.href.split("/").reverse()[0]+"?copipe="+location.href);})(); にこ☆さうんど(-β えくすとらくた はニコニコ動画のmp3を抽出してくれるサイトだけど、他の人が抽出ずみのものはキャッシュとして結構長い間とられているみたい。人気があるものだったらすでにされているはずなので、大抵のものはこのScriptでいける。動画を見てるときに、これipodで聞きたいなって時に結構便利。 もしキャッシュが無かったら、URLに「copipe=動画URL」でくっつけてるので、それを変換しまえばいい。 うん便利。 にこ☆さうんど(-β えくすとらくた の作者に感謝。
はてなブックマークについての質問です。ブックマークレットを使ってブックマークする際、いつもポップアップウィンドウのフォーカスがはずれ、背後に回ってしま…
はてなブックマークについての質問です。ブックマークレットを使ってブックマークする際、いつもポップアップウィンドウのフォーカスがはずれ、背後に回ってしまいます。新しいウィンドウが前面にくるようにしたいのですが、以下のjavascriptをどのように修正すればいいでしょうか。環境はFirefox2.0.0.1 Windowsです。 javascript:window.open('http://b.hatena.ne.jp/add?mode=confirm&is_bm=1&title='+escape(document.title)+'&url='+escape(location.href), '_blank', 'width=480,height=360,resizable=1,scrollbars=1');undefined; http://q.hatena.ne.jp/1158445478
ニコポン | ソーシャル クーポン
平素よりソーシャルクーポンサービス「ニコポン」をご利用いただきまして、誠にありがとうございます。 この度、ニコポンは 2011年 8月 31日 (水) をもちまして、サービスを終了させていただきました。 皆様には、これまでのご愛顧に心より感謝を申し上げますとともに、サービス終了に至ることとなり、ご迷惑をお掛けしますことを深くお詫び申し上げます。 終了する内容 新規登録、メールマガジン配信、マイページなどニコポンのすべての機能を終了しました。 クーポンについて これまで販売をしましたクーポンはすべて有効期限が満了しております。利用規約にございます通り、有効期限が満了したクーポンの返金や期限延長は行っておりませんのでご了承ください。 なお、弊社が過去販売しました 『ハーゲンダッツアイスクリームミニカップギフト券(120ml×2個、660円分）』は、クーポンに利用期限の定めがございませんので、未
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
入力支援ツール「Google Scribe」のブックマークレットが便利すぎる | ライフハッカー・ジャパン
IDEA * IDEA
http://youmos.com/news/xray
サイトや記事を紹介する為のリンクを貼る手間が、確実に短縮できるブックマークレットのようなもの*ホームページを作る人のネタ帳
http://kengo.preston-net.com/archives/003161.shtml