タグ

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

タグの絞り込みを解除

アドオンに関するweb-gyunyuのブックマーク (10)

  • 販促物の打ち合わせがしやすくなる!Chrome拡張機能「fireshot」

    こんにちは!ライターのショウコです。 クライアントさんとの打ち合わせの時に、パソコン画面に表示された画面のキャプチャ(画像として切り出したもの)をとって、そこに書き込んだりします。 販促物を作成する際に、入れたい画像や言葉があるとき、文章だけではなかなか伝わりづらいんですよね。 (画面のチャプチャをとる前は、わざわざ写真をとって、それを貼り付けていました。) パソコンの標準機能に「スクリーンショット」という、画面をチャプチャできる機能があります。 これは、パソコンの画面に表示されている部分しかできないんですよね。 どういうことかというと、例えば表示されているWebサイトというのは、見えている画面だけではなくて、スクロールして送っていきますよね。Webサイトの全体像というのは一画面だけでは表示しきれていません。 Webサイト全体をチャプチャしようとすると、何枚もスクリーンショットを取

    販促物の打ち合わせがしやすくなる!Chrome拡張機能「fireshot」
  • 縦長のWebページ全体をキャプチャして画像として保存する4つの方法

    Webサイトを丸ごとキャプチャして画像として保存する方法は4パターンあります。アプリ・オンラインサービス・ブラウザ機能・ブラウザ拡張機能の特徴を解説しています。 Web ページ全体をキャプチャする主な方法は以下の 4 つだ。 キャプチャ専用アプリを使う オンラインサービスを使う ブラウザ標準機能(デベロッパーツール)を使う ブラウザ拡張機能(アドオン)を使う いずれも操作は簡単なので、一通り試してみて自分の環境に合わせた方法を選択しよう。 なかにはキャプチャ後に簡単な画像編集加工までできるツールもあり、資料作成やデザインサンプルの紹介などで重宝する。

    縦長のWebページ全体をキャプチャして画像として保存する4つの方法
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
  • Firefoxアドオン26個|GanoWeb

  • HTMLタグの閉じ忘れをチェックするChrome拡張機能を作ってみた | kzms2 – html,css,javascript

    概要 HTMLタグ閉じ忘れチェッカー @Chrome拡張機能 早速ですが以下のページで公開しています。 作ったChrome拡張機能URLはこちら 作った背景とか この拡張機能を作った経緯ですが、単純なタグの開き・閉じ忘れを簡単に防げる方法がないかな。 と思って作成しました。 特にHTMLにそこまで詳しくない方、デバッグが苦手な方は試しに使ってみていただきたいなーと思っています。 もちろんマークアップを行う方は入れてみていただけると嬉しいです! 簡単な仕様説明 できること 表示しているページにタグの開き・閉じ忘れがないかをチェック タグの開き・閉じ忘れがあった場合、その数を表示 どの箇所にタグの開き・閉じ忘れがあったのかを表示 今後について 確認できているバグ たまに謎のタグエラーが検出される scriptタグ内、コメントタグ内のタグもチェックしてしまう 複数のChromeのウィン

  • Web Developer Extension on chrispederick.com

    All the work on chrispederick.com is distributed for free, but your donation allows me to continue my development and any amount is greatly appreciated. Donate The Web Developer extension adds various web developer tools to a browser. The extension is available for Chrome, Firefox and Opera, and will run on any platform that these browsers support including Windows, macOS and Linux.

    Web Developer Extension on chrispederick.com
  • Firefox の画面を分割表示する

    Tile Tabs(作者: DW-dev様) - Firefox用アドオン こんにちは、さち です。 以前、画面を分割することができるアドオン 「Fox Splitter(旧称:Split Browser/分割ブラウザ)」を使っていたのですが Firefox をアップデートしたら使えなくなってしまいました。 結構重宝していたのでこのアドオンが使えないのはツライ…。 そこで、代替のアドオンを探してみました。 Tile Tabs というアドオンが機能的にとても近かったので 今回紹介したいと思います。 2つ以上のサイトを同時に見れる ネットをしていると複数のサイトを同時に見たいときってありますよね。 例えば、「サイトについての解説ページを参考にしながら 実際にそのサイトを使ってみるとき」ですね。 こういう時に便利なのがこの Tile Tabs です。 上の画像のように Firefox の画面を自

    Firefox の画面を分割表示する
  • lecre_kitagawaのブックマーク - はてなブックマーク

    続いて、先ほどのtransitionと同じように、背景色と同時に幅も変更するようにします。ボタンにマウスオーバしたBの状態に「width:200px;」を加え、キーフレームの設定にも幅の指定を追加します。 /*ボタンに対して何もしていない状態(A)*/ a{ display:inline-block; color:#fff; width:100px; padding:10px; text-align:center; background:blue; text-decoration:none; } /*ボタンに対してマウスオーバした状態(B)*/ a:hover{ /*アニメーション指定*/ animation:btn 2s ease-out 0s 1 normal; background:red; width:200px; } @keyframes btn { 0% {background

  • Super Start - enjoyfreeware.org

    Super Start A small dial extension for firefox, with a simple todo-list Super Start is a very handy 'speed dial' extension for Firefox. From version 4.0, SuperStart supports sites group, this feature works in the same way with iOS and Launchpad (OS X), so it should be more useful than before. I strongly recommend you read the FAQ before using it, and I'll prepare a step-by-step toturial when I hav

  • Wired-Marker 新機能:ブックマーク、情報収集・整理・共有のためのFirefox無料アドオン

    マーカーを引く際に範囲選択したテキストを、タイトルではなくノートとして登録します。これで "長い文章をマークした際にマーカーのタイトルが長くなって困る" という事はなくなります。 さらに新バージョンでは、マーカーを引く際にダイアログがポップアップします。このダイアログにて、マーカーを引く前にタイトルやノート(マーカー情報)を編集できます。 マーカー情報をその場ですぐに、後で読み返しやすいように編集できます。 登録前にマーカー情報を編集できる マーカー情報として登録する項目を、ユーザーが変更する事もできます。 登録項目の設定画面 登録方法を従来の方法に戻したい場合には、設定を以下のように変更してください。 1. Firefoxのメニューから「Wired-Marker」→「設定...」を選択して、Wired-Marker の設定画面を開きます。 2. 「一般」タブの「マーカー」タブを選択します

  • 1