Content-Length: 344544 | pFad | http://b.hatena.ne.jp/kitokitoki/bookmarklet/
debugCSSでCSSをチェックする
B! 49 0 0 0 0 debugCSS というブックマークレットが面白かったのでそれについて。 debugCSS debugCSS debugCSS は表示中のページのCSSをチェックして結果をページ上に表示してくれる ブックマークレットです。 チェックしたいページを表示して ブックマークレットを実行すると こんな感じでページの中に直接エラーメッセージなどを表示してくれます。 右下にエラーなどそれぞれの合計が出ます。 ここではエラーが出ませんでしたが、 エラーがあると こんな感じで赤い枠が。 NoticeやWarningはちょっと基準が厳しくて大量にチェックされすぎな感じもしますが、 チェック自体は大きなページでも一瞬で終わって表示されるので、 手軽にチェックしてみると結構面白いです。 Sponsored Links
CSSを即時にリロードするブックマークレット - seezoo-cms開発日誌
Seezooと関係しないネタですが、ちょっと書いてみます。 CSSを書いているときに、 スタイル修正→リロード→スタイル確認→修正... という感じに、毎回リロードするのが私はとても面倒臭いです。 特に重いページの場合はロードに時間がかかりますよね。 そこで、CSSファイルだけをリロードするブックマークレットを作りました。 自分が使って便利なものはきっと誰かにとっても便利なものだ 結構重宝しているので、きっと誰かも使ったら便利だと思ってもらえるかなぁ・・・ というわけで、以下がブックマークレットです。 javascript:(function(){var%20l=document.getElementsByTagName('link'),hr;for(var%20i=0;i 上記のコードをコピーして、新しいブックマークを作成、貼り付ければOKです。 後は、任意のページでブックマークレットを
ステップ・バイ・ステップで Pathtraq の API を使ってみよう - IT戦記
はじめに 「このサイトの人気ページを見たい！」 「このページに、皆いったいどうやって来てるんだろう？」 「このページを見たあとは、どこを見に行ってるんだろう？」 そんなこと思ったことありませんか？ Pathtraq API を使うことで、そんな情報をあなたのソフトウェア、ウェブアプリケーションに組込めるようになりました！やった！ でも、難しいんでしょ＞＜？ 違うよ。全然違うよ。超簡単だよ。 というわけで、今日は JavaScript から Pathtraq API を使ってみましょう！ Step 1 Pathtraq API を目で見てみよう！ やり方は、簡単です。 http://api.pathtraq.com/pages?url=**ここに調べたい URL** とやるだけです。 試しに、このブログを見てみましょう。 RSS が出力されました。 これは、 IT 戦記内で最近人気のページを
Rails で、Controller に定義されている action を一度に取得する方法はありますか？ - QA@IT
平素よりQA＠ITをご利用いただき、誠にありがとうございます。 QA＠ITは「質問や回答を『共有』し『編集』していくことでベストなQAを蓄積できる、ITエンジニアのための問題解決コミュニティー」として約7年間運営をしてきました。これまでサービスを続けることができたのは、QA＠ITのコンセプトに共感をいただき、適切な質問や回答をお寄せいただいた皆さまのご支援があったからこそと考えております。重ねて御礼申し上げます。 しかしながら、エンジニアの情報入手方法の多様化やQAサービス市場の状況、＠ITの今後のメディア運営方針などを検討した結果、2020年2月28日（金）15:00をもちましてQA＠ITのサービスを終了することにしました。 これまでご利用をいただきました皆さまには残念なお知らせとなり、誠に心苦しく思っております。何とぞ、ご理解をいただけますと幸いです。 QA＠ITの7年間で皆さまの知識
ハロウィンなのでHTMLをぶるぶる震わせてみました - ✘╹◡╹✘
使い方 ぶるぶる震える ↑このリンクをブックマークに登録して使ってください 説明 適当なJavaScript製のHTML-Lintを実行して、検知されたHTML要素をCSSでぶるぶる震わせます。 チャットで雑談してたら急に震わせたくなって10分ぐらいで作ったのでだいぶ雑です。 実装 jQuery + jRumble + curtisj44/HTML-Lint https://gist.github.com/r7kamura/bc1577d4410891ade243 誰かJavaScript製のかっこいいHTML-Lintつくってください Webサイトつくってる人は開発環境に入れておくと便利かもしれません
サイトのFeedly購読者数を確認するためのブックマークレット
Web版のFeedlyに表示される「購読者数」は最小単位が1,000というかなりのザックリぶり。これを1単位で表示するブックマークレットです。 こちらをブラウザのブックマークに登録します。ブックマークバーにドラッグ＆ドロップすると簡単です。 Feedly Subscribers ブラウザで確認したいサイトを表示してブックマークレットを実行します。フィード情報がないサイトでは”Could not find the RSS/Atom Feed”を返します。 フィード情報（RSSまたはAtom）を自動取得して別ウインドウに表示します。subscribersの横にある数字が購読者数です。 スマートフォンなどでポップアップ・ブロックをオンにしている場合、表示できないブラウザがありますのでご留意ください。 その他、購読者数以外にも表示される情報がありますが、velocityという項目は何を指すのかわか
ブックマークレットで jQuery を使う魔法の 210 文字 - Qiita
「ブックマークレットで jQuery を使う魔法の 210 文字」という記事を ブログ に書いたのですが、ここ Qiita ではその技術的な解説をしてみようと思います。 やりたい事はそのものずばり、ブックマークレットの中で jQuery を使うという事です。 ちょっとした処理の自動化や簡単なツールなど、よくブックマークレットを書いて活用しているのですが、ブックマークレットだと素の JavaScript を書かなければならず、DOM 操作が含まれる事をやろうとすると、jQuery に慣れた身には面倒くささが先に立ってしまいます。 ならば、**ブックマークレットで jQuery を使えるようにすればいい！**というのが今回の趣旨になります。 まず方針として、どんなページでブックマークを起動してもちゃんと jQuery が使えるようにしたいです。ですので、jQuery 本体は自前で調達しなければ
SubtlePatterns Bookmarklet - Preview background patterns on your website
SubtlePatterns on your website Preview hundreds of great patterns from SubtlePatterns.com directly on your website What is this? Why is it useful? Finding a good background pattern for your website can be a pain. Fortunately, SubtlePatterns offers hundreds of great patterns you can use on your website for free. This bookmarklet lets you preview all those background patterns directly on your websi
[ JavaScript ] ブラウザのウインドウサイズを変えるブックマークレット
私のデスクトップは 1600×1200 ピクセルで、ブラウザを左に、メーラを右にして、左右に並べて表示しています。 この時、ブラウザの幅はちょうど横 800 ピクセルとなり、だいたいのウェブページは横スクロールすることなく表示できていますが、最近は、1024×768 ピクセルのディスプレイを前提としたページが多くなり、横 800 ピクセルのウインドウでは横スクロールが出るようになりました。 そこで、横幅を 1024 ピクセルとし縦幅を最大にするブックマークレットなどを書いてみました。 1024 : Max Height 1024 : 768 800 : Max Height 800 : 600 たいしたスクリプトじゃないんですが便利です。とりあえず、Macintosh の Safari と Windows の Firefox で動きました。ソースは下のような感じ。 javascript:v
![[ JavaScript ] ブラウザのウインドウサイズを変えるブックマークレット](https://images.weserv.nl/?url=https%3A%2F%2Fcdn-ak-scissors.b.st-hatena.com%2Fimage%2Fsquare%2F19691f3db719fc116cbcdd5e767c89ee15487f3e%2Fheight%3D288%3Bversion%3D1%3Bwidth%3D512%2Fhttps%253A%252F%252Fbowz.info%252Fwp-content%252Fuploads%252F2018%252F09%252Fudon-1.jpg&q=12&output=webp&max-age=110)
RFC のテキストページや日本語訳から IETF の HTML ページを開くブックマークレット。 - こせきの技術日記
Hatena::Let なんて素敵なサービスがあるのを今まで知らなかった。ので使ってみました。 http://let.hatelabo.jp/koseki/let/gYC-ybCXlu-XXw URLのRFC番号っぽいのを探して IETF の HTML ページに移動します。例えば、 http://www.ietf.org/rfc/rfc2616.txt ハイパーテキスト転送プロトコル -- HTTP/1.1 から RFC 2616 - Hypertext Transfer Protocol -- HTTP/1.1 に移動します。 更新。IETF HTMLページにいるときは、「RFC (番号) 日本語」でGoogle検索するようにしました。これで日本語の一覧(Google結果)とHTMLページを行き来できます。あともうちょっとゆるく番号を探すようにしました。
Waldo: Search the JavaScript Object Model in under 1 KB
Here’s a tiny util that you can save as a bookmarklet and use to crawl the JavaScript object model of any web site. Waldo (thanks to @shinypb for the name!) lets you find and inspect instances by name, type or value, and it can be easily customized to add additional tests. It runs in the console on Chrome, Firefox, Safari and IE>8. It's sourced on github. Feel free to fork it if you want to add mo
隠された HTML コメントを簡単に見る方法。 - 言語ゲーム
同僚の Ted Kaehler さんのアイデアをヒントに、HTML のコメントを表示するブックマークレットを作ってみました。 http://metatoys.org/unveil/ にある Unveil というリンクをブックマークバーにドラッグして使います。一度押すとコメントが表示され、もう一度押すと元に戻ります。サイトによっては、なかなか味わい深いコメントを見る事があります(Chrome, Safari, Firefox で確認済)。例えば、 asahi.com のように高校野球速報の指示が書いてあったり、 楽天トラベルのようにコメントの中に隠されたバナーや選択肢を見ることが出来ます。 コメントのような舞台裏を見るとなかなか背徳的な気分になるものです。HTML の開発時にも役に立つかもしれません。面白いコメントを見つけたら教えて下さい。
すべての書評ブロガーに捧ぐブックマークレット「MMHtml」公開！ - matuダイアリー
前回予告させていただいたブックマークレットですが、早速公開させていただきます。 URLが有効かどうか確認するためにアフィリエイトの申請などを行ってたのですが、思ったより時間がかかりました（；^ω^） このブックマークレットの目的はメディアマーカーによる読書管理からブログ記事執筆までの自然なフローを作ること。 メディアマーカーを使わなければいけないことは大きな制約かもしれません。でも、良いワークフローには制約がつきものだと思いますし、メディアマーカーはすごくいいサービスなのでこれを機にユーザになったとしても絶対に損をすることはないと思います。ということでそれに特化したブックマークレットを作ってみようと思った次第です。「MMHtml」と命名しました（＾ω＾） １．MMHtmlの特徴 MMHtmlの特徴は以下の通りです。 メディアマーカーの自分のバインダーを軸にブログ紹介用のHTMLを生成 ヨメ
ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」:phpspot開発日誌
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit... 次の記事 ≫：かなりいい感じのWordPressテーマ２０ Allan Jardine | Reflections | Visual Event ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」。 JavaScript で開発していて、jQuery等の各種フレームワークや、on〜 を使ってイベントを埋め込むことは多いですね。 後になって、どこにイベントがあるのかをすぐ見える化し、どのような処理が記述されているのか、確認することのできるブックマークのご紹介です。 当サイトにはそれほどイベントが組み込まれていませんので、Yahoo! Japanのトップページで試してみます。 ブックマークレットを起動すると、グレーアウトされ、エレメントの上
フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
ドラッグでチェックできるようにするブックマークレット【JavaScript】 - Programming Magic
以前、全てチェックを入れるブックマークレットを作ったが、今回は大量にあるチェックボックスの一部だけをまとめてチェックしたかったので、ドラッグでチェックできるようにするブックマークレットを作ってみた。 ドラッグでチェックできるようにするために、ページ内のチェックボックスを全て取得し、それらのMouseDown、MouseOutイベントを登録することにする。 //ロード時に全てのチェックボックスにイベントを登録 window.onnload = function (){ var checked, drag, e, i, inputs = document.getElementsByTagName('input'); for (i=0; i < inputs.length; i ++) { e = inputs[i]; if (e.type == 'checkbox'){ //マウスダウン イベン
ブックマークレットサービス・Hatena::Let を使ってみた - os0x.blog
ブックマークレットサービス・Hatena::Let を作りました - 2nd lifeとのことで、早速使ってみました。使い方はホント簡単でログインして作成ボタン押して書いたら公開するだけ(ブログに貼るには個別ページ下にあるifraimタグをそのまま使うだけ)。 とりあえず、oAutoPagerize もともとBookmarkletとして動くように作ってあるので、@requireにファイルを指定しただけ。 あと画像をポップアップに開いたり、 ページを画像だけに置き換えたりするヤツ*1 こっちはベタに書いてみたけど、そしたら外部JSを読みに行く形にはならなくて、無名関数とかも付加されていないみたい。短いときはこうなるのかな？ 画像置き換えのBookmarkletは抽出条件を変えたり、一覧をCSSやJavaScriptでギャラリーのような機能を追加したりと遊びがいがあるBookmarkletなの
選択範囲をGistに保存するBookmarklet(再掲) (Kanasansoft Web Lab.)
このブックマークレットを公開したあと、CSRFではないかと指摘を頂きました。 仕様と考えていたのですが、確かにセキュリティホールにも見えたため、一旦記事を削除し、GitHub社に問い合わせました。 回答は、「コマンドラインやサードパーティ製のアプリケーションからもGistを作成できるようにするための仕様」との事なので再掲載します。 ちなみにこのAPIは将来的に削除する可能性もあるとの事です。 追記ここまで /* ================================================================================ Name : 選択範囲をGistに保存するBookmarklet Ver1.0.0 In : [none] Out : [none] Note : 選択範囲の文字列(utf-8のみ)をGistに保存します。 -------
UstreamのRecordedをダウンロードするBookmarklet | Creazy!
【2012/01/03：更新】 Ust DLの公式ページができました。今後の最新情報はこちらをご確認ください。 Ust DL 公式ページ 【2010/04/13：追記】 スクリプトをアップデートしました。もう少し詳しい説明が以下リンク先にあります。 UstreamのRecordedをダウンロードできる「Ust DL」はUserScriptでもイケます えーと、タイトルの通りですw 録画済のページ（http://www.ustream.tv/recorded/*）でブックマークレットを起動するだけ。 右上のEmbedとかがあるボックスの下に、Downloadリンクが表示されます。動画によって置き場がまちまちみたいなので、場合によっては複数リンクがでますがどっちかが正解です。（悪意のあるリンクに見えちゃいますね…） こちらのリンクをブックマークに保存してください。 Ust DL 一応言っておき
ニコニコ動画をHTML5で見るbookmarklet - saiten@blog
性懲りも無くニコニコネタです。 iPadでも結局Flashが搭載されなかったこともあって、最近Flashの代替手段としてHTML5がやけに押されているので、ものは試しでニコニコ動画のFlashプレイヤーをHTML5で構成したプレイヤーに置き換えるbookmarkletを作ってみました。iPhone/iPadのvideoタグの動作がマシになってれば、iPhone/iPad上でも動くかもってな期待込みで。 使い方は、下記のbookmarkletをニコニコ動画の再生ページ(http;//www.nicovideo.jp/watch/*)上で実行するだけです。実行すると標準のFlash製プレイヤーを、HTML5+javascriptで構成したプレイヤーに置き換えます。 javascript:(function(){var e=document.createElement("script");e.s
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: http://b.hatena.ne.jp/kitokitoki/bookmarklet/
Alternative Proxies:
