Webページを印刷する時に便利！不要な部分を除いたりスタイルを最適化して印刷できる -The Printliminator
Webページを印刷する時に、うまく収まらず残念な思いをしたことはありませんか？ 縮小したり、紙のサイズを変えたりも手ですが、不要な部分を除いてしまうのも手です。 ページ上の不要な部分をクリックで簡単に削除して、印刷できるブラウザの機能拡張・ブックマークレットを紹介します。 下のように2枚目にちょっとはみ出してしまうのも、すっきり1枚に印刷できますね。 The Printliminator The Printliminator -GitHub The Printliminatorの対応ブラウザは、下記の通り。 Chromeの機能拡張: The Printliminator Operaの機能拡張: The Printliminator ブックマークレット: The Printliminator ブックマークレットは、IEをはじめ各ブラウザの最新バージョンで動作します。
Toggle css bookmarklet·スタイルシートがない状態を確認できるブックマークレット MOONGIFT
SEOはまず文書構造を考える必要があります。スタイルシートで表示はカスタマイズできますが、それはクローラーには理解できませんし、スクリーンリーダーのようなアクセシビリティを考える際にも文書構造はとても大事です。 そこでWebサイトがスタイルシートを解除するとどう見えるのか、それを体験できるのがToggle css bookmarkletです。ブックマークレットなので扱いは簡単です。 Toggle css bookmarkletの使い方 こちらは元のサイト。 ブックマークレットを実行するとこうなります。 トグル、とついている通り再実行すると元に戻ります。 スタイルシートがない状態を確認するにはスタイルシートを無効にして再読込する必要がありましたが、Toggle css bookmarkletを使えばすぐその場で外したり、逆に戻すことができます。便利なツールではないでしょうか。 Toggle
こいつぁ便利ね…！他サイトの記事紹介リンクをかっこ良く作成してくれる「Embedly」
人様のブログや他サイトの記事を紹介するためにいろんな方法をとっておりましたが、@shintarowfresh さんの最近捗ったweb系のあれこれって記事で知ったEmbedlyというサービスがなかなか良かったので導入＆カスタマイズしてみました。 Embedly 外部サイトを紹介するのに便利なEmbedlyの使い方 まずはこちらのページへGO。 ブックマークレットをブックマークバーにぶち込みます。 これで準備は完了。あな簡単し。 あとは紹介したいページにアクセスして、先ほど登録したブックマークレットをクリックすると… いいじゃない！下部のソースコードを貼り付ければおしまいです。 できあがりは↓こんな感じ。 ホント買って良かったこのレンズ！Sonnar T* FE 55mm F1.8 ZA（SEL55F18Z）実写レビュー レスポンシブ対応ですし、使い方も非常に簡単。こいつぁ便利ですね！ 最近捗
Performance-Analyser - Webサイトパフォーマンスをレポートするブックマークレット MOONGIFT
Webサイトのパフォーマンスは高いに越したことはありません。遅いサイトはあっという間に訪問者から離れられてしまいます。また、最初はパフォーマンスが高かったのに、更新を繰り返す度に徐々にパフォーマンスが劣化していくというのもよくあることです。 だからこそ定期的にパフォーマンスチェックを行わなければいけません。そのためのツールになりそうなのがPerformance-Analyserです。 Performance-Analyserの使い方 Performance-AnalyserはChrome ウェブストアで配布されていますのでインストールは簡単です。 インストール後、任意のWebサイトでPerformance-Analyserを実行します。 リクエスト数、表示時間などが分かります。 ナビゲーションタイミングやアクセスしているドメインの種類。 リソースの種類。 リソースを取得しているタイミングに
Web制作に役立つ便利すぎるブックマークレットのまとめ
Webサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなったり、Chromeで使えるけど他で使えないなどあるので、ブックマークレットもなかなか重宝します。 ページにグリッドを表示した確認 レスポンシブWebデザインの確認 デザインの確認をピクセル単位でできる ページで使用しているフォントをチェック ページをワイヤーフレーム化 ページの構造が正しいか確認 マークアップのいまいちな箇所を指摘してくれる 背景を素敵なテクスチャに変えてみたい ページのパフォーマンスを確認 minifyされたCSSを見やすく表示 SEOやソーシャルメディアに大切な項目を確認 コードとアクセシビリティをチェック ページにグリッドを表示した確認
iPhone Safari などで Web ページ のタイトルと URL をコピーするブックマークレットを作った
iPhone 版 Safari など、モバイルブラウザで閲覧中の Web ページのタイトルと URL をコピーするブックマークレットを作ったので紹介します。プレーン、HTML、Markdown の 3つの形式でコピーできます。 タイトルで全部言っちゃってる感はありますが、iPhone 版 Safari を使っていてちょっと面倒なのが、見ているページのタイトルや URL を指定の形式でコピーすることができない点。Blog 記事を書いていたり、Twitter などに投稿する際に見ているページからこれらの情報を簡単にコピーしたいって時が多々あります。 一応、iOS には Safari から Twitter や Facebook にシェアする機能も実装されていますが、タイトルや URL を投稿時に編集できないし、コピーを選択すると URL だけしかコピーされないしってことで、ちょっと使い勝手が悪い
【保存版】オススメ自作ブックマークレットを公開します！（WEB制作者・ブロガー必見） | ヨッセンス
こんにちは！ 効率化オタクのヨス（プロフィールはこちら）です！ 仕事の効率化を考えたとき、ブックマークレットを知っているのと知らないのとではかなりの差が出ます。 本記事では、実際に役に立つオススメのブックマークレットを紹介します。全部、わたしの自作（ChatGPTを利用）ですよ♪ ブックマークレットの登録の仕方 本記事で紹介しているブックマークレットを登録するには以下のようにしてください。 ボタンをつかんでドラッグ＆ドロップ この記事にある「ボタン」をつかんで、アドレスバーにドラッグ＆ドロップするだけです。 ブックマークレットについて詳しくはこちらをどうぞ。 誰にでもオススメできるブックマークレット まずは、誰にでもオススメできるブックマークレットを紹介します。 タイトルとURLをコピーするブックマークレット まず紹介するのは、現在見ているページの「タイトル」と「URL」をクリップボードに
インフルエンサーの評判を調べる方法～ブックマークレット
バズ調べとは 自分のサイトがどう評価されてるかって、気になりますよね。 そんなご要望に応えるのが、ブックマークレット「バズ調べ」です。 使い方は簡単。以下をブックマークし、気になった記事を表示させているときにクリック。 これだけで、タイムライン上で、TOP画像のように、インフルエンサーにどう評価されているのかわかります。 バズ調べのブックマークレットを登録 以下のリンクを、ドラッグアンドドロップで、ブックマークボタンのエリアに、ドロップして下さい。もしくは、このリンクを右クリックでブックマークに追加、して下さい。 バズ調べ もしくは、何か適当にブックマークをしていただき、それを編集状態にし、URL欄に以下をコピペして下さい。 javascript:(function (){var d = location.href;location.href=’http://topsy.com/’+d+’
Facebookページへのページタブ追加が一瞬で行えるブックマークレット
以前、「FacebookページへのIFrameタブ追加方法が変更」で紹介したとおり、FacebookページにIFrameタブ（以下ページタブ）を追加するには、次のようなURLをたたき、表示された画面でページタブを追加したいFacebookページを選択する必要があります。 https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&display=popup&next=YOUR_URL が、手動でURLを入力するのは面倒なので、その後「Facebookページ IFrameタブ追加ツール（下）」を作りました。 Facebookページ IFrameタブ追加ツール 気がついたら340いいね！ほど頂いてます。ありがとうございます。 が、これもアプリIDやページタブURLの入力をしないといけないのでやや面倒です。 ということで前置きが長くなりま
iPhone, iPadで表示中のウェブページのソース表示ができるブックマークレット -Snoopy
iPhone, iPad, (iPod Touchも）などのモバイルデバイスで、表示中のウェブページのソースをシンタックスハイライトで表示できるブックマークレットを紹介します。 Snoopy View-source bookmarklet for iPad, iPhone and other mobile devices [ad#ad-2] Snoopyでは、iPhone, iPadなどのモバイルデバイスで表示中のウェブページの情報やソースを表示することができます。 ※キャプチャはiPod Touchです。 ソース表示 ソースはモバイルデバイス用に生成されたソース、元のソース、の2種類が選択できます。 [ad#ad-2] Snoopyの使い方 Mobile Safari -iPhone, iPad, iPodなど 最も簡単な方法は、デスクトップ用のSafariでブックマークレットをドラッグ
全て同時に確認できる、スマートフォンやデスクトップなどさまざまなサイズで表示できるブックマークレット -Responsive Design Test
全て同時に確認できる、スマートフォンやデスクトップなどさまざまなサイズで表示できるブックマークレット -Responsive Design Test
[JS]CSSファイルに変更を加えてもリフレッシュ無しで反映させるスクリプト -CSSrefresh
CSSファイルに変更を加えてもページのリフレッシュ無しで変更を反映させるスクリプト（とブックマークレット）を紹介します。 CSSrefresh - automatically refresh CSS files [ad#ad-2] CSSrefreshは制作時に役立つスクリプトで、CSSファイルに変更を加えて保存すると、ページのリフレッシュ無しで変更を反映させます。 CSSrefreshの使い方 使い方は簡単で、2通りあります。 CSSrefreshをインクルードする 使用するページにCSSrefreshを外部スクリプトとして記述します。 <head> <link rel="stylesheet" type="text/css" href="css/site.css" /> <script type="text/javascript" src="js/cssrefresh.js"></sc
WhatFont Tool - The easiest way to inspect fonts in webpages « Chengyin Liu
Tweet * WhatFont is not affiliated with MyFonts and/or the WhatTheFont service. ← Back to Chengyin's main page What is the easiest way to find out the fonts used in a webpage? Firebug or Webkit Inspector? No, that's too complicated. It should be just a click away. Hence I wrote WhatFont, with which you can easily get font information about the text you are hovering on. To embrace the new web font
ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」:phpspot開発日誌
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit... 次の記事 ≫：かなりいい感じのWordPressテーマ２０ Allan Jardine | Reflections | Visual Event ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」。 JavaScript で開発していて、jQuery等の各種フレームワークや、on〜 を使ってイベントを埋め込むことは多いですね。 後になって、どこにイベントがあるのかをすぐ見える化し、どのような処理が記述されているのか、確認することのできるブックマークのご紹介です。 当サイトにはそれほどイベントが組み込まれていませんので、Yahoo! Japanのトップページで試してみます。 ブックマークレットを起動すると、グレーアウトされ、エレメントの上
画像サイズやフォーマット指定も可能、ウェブページのスナップショットを撮るオンラインサービス -iWeb2Shot
iWeb2Shot [ad#ad-2] iWeb2Shotの特徴 ウェブページを高精細の画像にします。 画像のフォーマットは、PNG, GIF, JPG, TIF, BMP, PPM, PGMに対応。 画像のサイズは、16種類から選択可能。 ブラウザから簡単に利用できるようブックマークレットも用意。 利用時に登録やメールアドレスは、不要。 利用回数の制限も無し。 iWeb2Shotの使い方 使い方は、簡単です。 「URL」にウェブページのURLを入力します。 「Options」で、画像サイズ、画像フォーマットを選択します。 「Convert」ボタンをクリックします。
Wirify – The web as wireframes
Wirify bookmarklet lets you turn any web page into a wireframe in one click ← Drag the link on the left to your browser Booksmarks toolbar, then go to a website and click "Wirify by Volkside" to wirify the page! I agree to the terms of service by accessing, installing or using Wirify Note: You have been redirected here from Volkside.com. You can find an archived version of the original Wirify intr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
タッチイベントをPCサイトで動作テストできるようにするブックマークレット・「Phantom Limb」
【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット | 初代編集長ブログ―安田英久
ページ上のシンタックスハイライトされていないコードをハイライトできるブックマークレット -Syntaclet
IDEA * IDEA
