タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

ブックマークレットに関するnemusgのブックマーク (6)

  • Webページのパフォーマンスチェックの結果をヒートマップで表示するブックマークレット・「Perfmap」

    PerfmapはWebページのパフォーマンスチェックの結果をヒートマップで表示してくれるブックマークレットです。リソースが表示されるタイミングをResource Timing APIでチェック、それぞれに表示されるまでの時間をオーバーレイしてくれます。ブックマークレットはhttps://zeman.github.io/perfmap/perfmap.jsを実行しているだけです。各ブラウザの拡張もあるようですので使いやすい方で良さそうですね。 Perfmap

    Webページのパフォーマンスチェックの結果をヒートマップで表示するブックマークレット・「Perfmap」
  • Webアクセシビリティを高めるためのライブラリまとめ

    インターネットが幅広く普及してきたことによって、あらゆる人たちに対して等しく情報が提供できなければなりません。政府、自治体系であればユニバーサルデザインが求められるようになっており、Webサイトにおいても多くのデバイスに対して見やすく、正しく情報が届けられるような機能、デザイン性が求められています。 今回はそんなWebアクセシビリティを高めるために使えるライブラリを紹介します。 tota11y – an accessibility visualization toolkit ブックマークレットとして提供されており、実行するとメニューが表示されます。そしてヘッダー情報であったり、リンクテキスト、画像のaltなどの一見すると見られない情報が表に出てきます。 Hurtak/toggle-css-bookmarklet: Toggle css with one click スタイルシートの有効、無

    Webアクセシビリティを高めるためのライブラリまとめ
  • Toggle css bookmarklet·スタイルシートがない状態を確認できるブックマークレット MOONGIFT

    SEOはまず文書構造を考える必要があります。スタイルシートで表示はカスタマイズできますが、それはクローラーには理解できませんし、スクリーンリーダーのようなアクセシビリティを考える際にも文書構造はとても大事です。 そこでWebサイトがスタイルシートを解除するとどう見えるのか、それを体験できるのがToggle css bookmarkletです。ブックマークレットなので扱いは簡単です。 Toggle css bookmarkletの使い方 こちらは元のサイト。 ブックマークレットを実行するとこうなります。 トグル、とついている通り再実行すると元に戻ります。 スタイルシートがない状態を確認するにはスタイルシートを無効にして再読込する必要がありましたが、Toggle css bookmarkletを使えばすぐその場で外したり、逆に戻すことができます。便利なツールではないでしょうか。 Toggle

    Toggle css bookmarklet·スタイルシートがない状態を確認できるブックマークレット MOONGIFT
  • iPhoneのSafariが10倍便利になるブックマークレット10個

    ども!ともぞうです。 iOS 8からSafariに「App Extension」が追加され色々便利になったのですが、それでもまだまだ対応していないアプリも多いのが現状です。 そこで活用したいのが「ブックマークレット」。お気に入りに登録して呼び出すだけで「開いているWebページを見やすく」したり、英語のサイトを「日語に翻訳」したりできちゃうんですよ。 そんなブックマークレットの中でも特におすすめなものを10個ご紹介します! Safariにブックマークレットを登録する方法 そもそも「ブックマークレット」っていう言葉を初めて聞く方もいらっしゃると思うので、簡単に説明しますね。 「ブックマークレット」というのは「javascript」というプログラムで書かれたコードをお気に入りに登録して呼び出すことで、様々な機能を実行できるものなんです。 例えば、英語のサイトを開いた状態で「ページを日語翻訳す

    iPhoneのSafariが10倍便利になるブックマークレット10個
  • Cookieを消去 :: ブックマークレット

    ブックマークレットとは? ブックマークレットは、ウェブブラウザでいつもやっているような退屈な作業をもっと簡単で便利にする無料のツールです。 ブラウザのアドオンなどをインストールする必要は一切無く、下の2つの操作で誰でも簡単に使うことが出来ます。 ブックマークレット(例えば、 Google検索 や 画像を拡大 など)を、Webブラウザのブックマークバーまたはリンクバーにドラッグ&ドロップしてください。 そのブックマークレットを使いたいページを開き、ブックマークバーのブックマークレットをクリックしてください。 ブックマークレットアイコンについて : おすすめのブックマークレット : 標準的ブックマークレット : 実験的あるいは、動作が限定的なブックマークレット : このサイト上で動作をカスタマイズ可能(右下の赤いバッジ) ライセンス このサイトで紹介しているオリジナルのブックマークレットは、M

  • K'confが選ぶ30個のブックマークレット

    K'confが選ぶ30個のブックマークレット WEB上で公開されているブックマークレットの中から個人的にコレは!と思うものをいくつかピックアップして紹介します。 実用的で役立つものから、必ずしもそうでないものまで、ノンジャンル30個のブックマークレットを集めてみました。 ブックマークレットとはJavaScriptで記述された小さなプログラムで、ブラウザのブックマークとして登録して、それをクリックして使用します。 番号のリンクをブックマークして、目的のページでクリックして使用してください。(※注)

    K'confが選ぶ30個のブックマークレット
  • 1