ブックマークレットの作り方を知ってウェブブラウジングを快適に。（JavaScriptおれおれAdvent Calendar 2013 – 04日目） | Ginpen.com
この記事はJavaScriptおれおれAdvent Calendar 2013の4日目の記事です。 ブックマークレットてご存じですか？ ブックマークにJavaScriptを登録して、あれこれの機能を使おうというものです。 説明ははてなのページがわかりやすそう。 ブックマークレット – はてな Mobile Safariでも利用する事が出来ます。 例えば ウェブページのタイトルとURLをコピーしやすく提示 何かのページを見ていてTwitterに流したいなーってときに使ってます。 javascript:prompt(”,document.title+’ ‘+location.href);void 0 みてる / Web Components/Polymerを軽く触ってみる | inkdesign http://t.co/iW2c1XzEdV — 高梨ギンペイ (@ginpei_jp) 2013
私がよく使っているWebサイト作成に役立つブックマークレット
ユーザーがウェブブラウザのお気に入りなどに設置されたブックマークレットをクリックすると、ブックマークレットに記述されたJavaScriptの小さなプログラムが、ウェブブラウザで起動する。プログラムはページの外観や表示を変更したり、他の場所にジャンプしたり、子ウィンドウを表示したり、ウェブブラウザで表示中のウェブサイトのURLを取得したり、ユーザーに追加情報の入力を促したりする。 - Wikipediaより ということで、プログラムを起動するボタンとしてブックマークを使う感じです。では、私が普段から使っているお勧めブックマークレットを紹介します。 XRAY クリックした要素の内容を表示してくれます。topやleftなどの位置関係、width、height、margin、paddingなどのボックスに関することなどが一目で分かります。 ColrGrabr そのサイトにどのような色が使われている
ウェブサイトの制作に必ず役立つブックマークレットのまとめ
ウェブサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなるのがイヤな人にぴったりです。 レスポンシブの確認はこれが一番便利 コードとアクセシビリティをチェック ページに柔軟なグリッドを表示 デザインの確認がピクセル単位でできる CSSの変更をリフレッシュ無しで確認 要素のスタイルを確認 CSSのセレクタを確認 ページで使用しているカラーを抽出 CSS3をサポートしていないブラウザでの見え方 ページの見出しを抽出 ページの構造が正しいか確認 ページをワイヤーフレーム化 コードをシンタックス化して読みやすく スマフォやタブレットでもコードが見たい レスポンシブの確認はこれが一番便利
src img
?¿ src-img Src Img is a bookmarklet that interfaces with Google™ Image Search to help you find the creators of images you see on blogs that are too lame cool for attribution. How do I use it? Drag the following link to the bookmarks bar in your browser. Then click it when you are on a page with images you want to track down. ♒ This bookmarklet is brought to you by @jarred & @hydnhntr and is in no
ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」:phpspot開発日誌
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit... 次の記事 ≫：かなりいい感じのWordPressテーマ２０ Allan Jardine | Reflections | Visual Event ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」。 JavaScript で開発していて、jQuery等の各種フレームワークや、on〜 を使ってイベントを埋め込むことは多いですね。 後になって、どこにイベントがあるのかをすぐ見える化し、どのような処理が記述されているのか、確認することのできるブックマークのご紹介です。 当サイトにはそれほどイベントが組み込まれていませんので、Yahoo! Japanのトップページで試してみます。 ブックマークレットを起動すると、グレーアウトされ、エレメントの上
頻繁に使用している便利なお役立ち系ブックマークレット・19個 - かちびと.net
個人的によく使っているブックマークレットのご紹介。どれも便利で役立つので手放せないものになっています。Web制作をしている人なのでそれ系に偏っているかも知れませんが、多少でも参考になれば幸いです。ほとんど有名なものだとは思いますが・・・ というわけで、便利なお役立ちブックマークレットをいろいろとご紹介。手軽なのが素敵ですよね。以前書いてから大分経ちますので改めてエントリーしますが、少々Web制作系に偏っています。順不同です。 CSS構成を一目で確認出来るXRAY 何かと便利なXRAY。クリックした要素の詳細を教えてくれます。Web屋さんはご存じの方も多いのでは。 XRAY 今見ているページをiPhoneで「後で見る」KeepItWith.Me 最初の設定がすごくストレスだったのですが、設定後の便利さが感動したのでご紹介。PCで見ているページでブックマークレットを使って自分のiPhoneに送
Feelingplace
the study guide Photo by Nadiaux 告白します。 Apphtmlが公開されたのが確か2010年の9月。 選択した文字からApp紹介のHTMLを自動生成するBookmarklet | 普通のサ […]
Bookmarklet Maker - JavaScriptからブックマークレットHTMLタグ生成
下記 (2) 欄に JavaScript コードを記述すると、ブックマークレット bookmarklet のリンクを生成します。 (1) ブックマークレット名 (2) ブックマークレットの JavaScript ソースコード alert('Hello, world!'); (3) 生成された HTML プレビュー (4) 生成された HTML ソースコード HTML プレビューのリンクを、そのままブラウザのブックマークレットツールバー等に登録することも可能です。
MarkUp : ブックマークレットで手軽にマーキングして共有できるサービス
MarkUp : ブックマークレットで手軽にマーキングして共有できるサービス MarkUp MarkUpはウェブページ上の重要な部分などに目印を付けて、それを共有することができるサイトです。 ウェブページを部分的にスクラッピングするサービスなどもありますが、こちらはマーキングに特化している分、シンプルで使いやすいのが特徴です。 使い方はサイト上にあるブックマークレットをブックマークして、それを目的のウェブページでクリックすると、専用のツールバーが現われます。 あとはホワイトボードに落書きするが如く、好きなように書き込みができます。 矩形や矢印、また文字を挿入することも可能です。 書き込みが完了したら「Publish」をクリックして、緑のスライダーをスライドすればマーキングしたページのリンクURLが表示されます。 こういったサービスはいろいろありますが、やはりどれだけ手軽に直感的に使えるかと
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
はてなモノリスで一括フォローするためのブックマークレット - IT戦記
はてなモノリスが登場しましたね！！ はてなモノリス サービス終了のお知らせ このサービスは、各種商品を投稿することで「モノ」に対するコメントを共有するものみたいです！ これはきっと、フォロワーがたくさんいたほうが楽しいに違いない！！！ と言うわけで、一括フォローブックマークレットを書きました javascript:(function(s){s.src="http://amachang.sakura.ne.jp/misc/monolith/follow.js";document.body.appendChild(s)})(document.createElement('script')) 使い方 使い方は簡単 1 フォロー中／フォロワー ページに行く 2 そのページで上記のブックマークレットをロケーションバー（URL が出てるところ）に貼り付けて、 Enter キーを押すだけ 3 あとは、し
必見：「Quix」でブラウザを今より2倍便利に活用する方法！ | ライフハッカー・ジャパン
今、開いてる記事をメールで送信したり、ページをクリップしたり、検索を開始したりをどのブラウザからでも同じキーストロークで出来たら便利だと思いませんか？それを可能にしてくれるのが、このユニバーサルブラウザコマンダーQuix。 デスクトップからでも携帯からでも使用出来るので、強い味方になってくれること間違いなしです。米ライフハッカーでは過去にも採り上げたことがあるのですが、それ以降も使い続けてみたところ、当初予測していたよりもはるかに便利で、融通が利き、かなりクールなツールであることが判明したので、今回はその使いこなし方も含めて紹介してみます。 ブックマークレットで出来ることは全て、しかもボタン一つで可能、キーボードショートカット派の方はクイックコマンド一つでOK。パッと見の印象だとギーク度数の高いツールのようにも見えますが、一度使いこなせるようになれば、これなしではウェブブラウズしたくなくな
SEO for everyone
Outrank your competitors, today! SEO starts with Yoast Improve your website’s SEO with straightforward tools and training. Join 13+ million happy Yoast SEO users! GET AHEAD OF THE COMPETITION All the help you need for SEO Whether you run a small business, a webshop, or a blog, Yoast SEO Premium ensures your website competes in the search results. Generate AI-optimized SEO titles and meta descripti
ライフハッカーお勧めの多機能ブックマークレットQuixを試したら本当に便利だった
ライフハッカーで紹介されていた 高機能なブックマークレットの Quixを試したら本当に便利でした のでご紹介します。使いこなせば かなりブラウジングやWeb制作 の助けになりそうです。 Quixの使い方はいたって簡単で、指定されているコマンドを入力するだけ。以下のようにブックマークレットを使って出るテキスト欄にコマンドを入力します。 短いコマンドを入力するだけでGoogleの様々なサービスや、Web制作に役立つFirebugやxray、Twitterやtumblrにポストする事も可能。 コマンドの数はかなり多いので個人的にお勧めのコマンドを抜粋します。 Quixにはおよそ90ものコマンドが用意されており、ブックマークレットを使って出るテキストエリアにそのコマンドを入れるだけで使えます。検索関連機能は全て「コマンド キーワード」が使えます。 使い方使い方はかなり単純。ブックマークレットを使う
10 Useful Bookmarklets for Web Designers and Developers | Tom Kenny Design
You may not be aware of bookmarklets which are an underused tool in web designer or developer’s toolbox. A bookmarklet is a a term that merges bookmark and applet to add functionality to a web browser. They can be stored in the bookmark bar of any browser and used from there to perform useful tasks and consist primarily of Javascript code. As Javascript is synonymous with web development, some cle
今使っているブックマークレットまとめ（2009更新版） - WEBデザイン BLOG
最近Chromeも使うようになり、 Firefoxと同じように効率よく作業をすすめたいですね。Firefoxの便利なaddonが無いのを補う気休め程度なんですが、ブックマークレットを頻繁に使うようになりましたので、久々に今使っているブックマークレットや最近見つけた便利そうなものをまとめて取り上げてみました。（2009年版ブックマークレット更新記事となります。） 最近Firefoxの重さが気になってChromeと平行してブラウジング。なにかとFirfefox高速化ネタ記事があがってきているということは、やはり重たくなってきているのかも。いろいろと試してみて、こちらのFirefox高速化テクニック8 | エンタープライズ | マイコミジャーナルを実行することで以前に近い早さに戻った感がある。が、それでもChromeを使ってしまってからは、その軽快なサクサク感にはまってしまってｗ・・・。Chro
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sorry, the website has been stopped
IDEA * IDEA
ブラウザで使うあらゆる機能を統合したようなブックマークレット「Quix」 | ライフハッカー・ジャパン
IDEA * IDEA
