[B! chrome] kimu12のブックマーク

【拡張不要】Chromeでスクロールするページ全体のスクリーンショットを撮る方法！ | iSchool合同会社

拡張機能を使わずに、Chromeでスクロールするページ全体のスクリーンショットを撮る方法を紹介します。例えばプレゼン資料を作っているときに、PCサイトでページ全体のスクリーンショットが必要なことがあります。また、モバイルサイトでページ全体のキャプチャが必要なこともありますよね。そんな時には、Chromeに標準で搭載されている機能を使えば、拡張機能を使わずに、ページ全体のスクリーンショットを撮ることが可能です。 PCサイトでページ全体のスクリーンショットを撮る方法 PCサイトでページ全体のスクリーンショットを撮る方法についてです。次の手順で行ってください。デベロッパーツールを立ち上げる詳細機能を呼び出す「capture」もしくは「full」と入力し、「Capture full size screenshot」を選択ページ全体のスクリーンショットがダウンロードされる 1. デベ

kimu12 2018/08/02

これ便利！

リンク

送ったメールを相手が開封したタイミングで通知してくれるChrome拡張機能「Mailcastr」を使ってみた

メールでメッセージを送信する利点として、電話のように双方が同じタイミングで時間を作る必要がなく、送信側も受信側も好きなタイミングでメールを作成したり開封したりできる点があります。しかし、こちらが送ったメールを受信者側が開封したタイミングがわかると、続けてさらに詳細な内容についてのメールを送ったり、電話でメールの内容について話し合うといったアクションが可能になります。メールをより効果的に活用したい人にぴったりな、相手がメールを開封したら通知してくれるChrome 拡張機能「Mailcastr」を使ってみました。 Mailcastr - Em ail tracker app for Gmail. https://mailcastr.com/ ◆Chrome 拡張機能の追加「Mailcastr」はChromeウェブストアから無料で入手することができます。「CHROMEに追加」をクリック。「拡張機能

kimu12 2017/12/27

Chrome

リンク

どんどん便利になってるChromeの機能拡張！Web制作に便利な機能がまとめられた -CanvasFlip

DOMの構造を調査する、要素のサイズを測る、要素のみのキャプチャを撮る、画像ファイルを抽出する、カラーやテキストを編集するなど、これらWeb制作に便利な機能がまとめて、しかも高性能で快適に利用できるChromeの機能拡張を紹介します。それぞれ単体の機能拡張を使用している人は、一つにまとめられて簡単だと思います。 CanvasFlip CanvasFlipの機能 CanvasFlipのインストール CanvasFlipの使い方 CanvasFlipの機能 CanvasFlipは先日リリースされたばかりの新しい機能拡張で、私も先週から使用していますが、かなり便利です。パネルのUIも操作しやすく、ページに表示されるハイライトやメジャーも見やすいと思います。ページの基本情報。指定した要素のプロパティを表示するインスペクタ。インスペクタでスタイルを変更すると、すぐにページに反映されます。メ

kimu12 2017/08/29

リンク

HTTPでフォーム送信するサイトにGoogleが警告を一斉送信、Chrome62から実装するセキュリティ警告に備えてHTTPS移行を促す

[レベル: 中級] 非 HTTPS (HTTP) のページでテキストをフォーム送信する要素を持つサイトを対象に、Google は先週末いっせいに警告メールを送信しました。 Chrome 62 から実装予定のセキュリティ警告次のメールが Search Console 経由で届きます。 Chrome のセキュリティ警告を http://example.com に表示します http://example.com の所有者様 2017 年 10 月より、ユーザーが Chrome（バージョン 62）で HTTP ページのフォームにテキストを入力すると、「保護されていません」という警告が表示されるようになります。また、シークレットモードを使用している場合は、HTTP ページにアクセスするだけで「保護されていません」と表示されます。貴サイトでは、たとえば以下に示す URL に、Chrome の新し

kimu12 2017/08/21

リンク

作業効率が3倍になる！絶対に入れておくべき、Chrome拡張機能おすすめ10選 | iPhoneの神様 - iPhone X・iPhone8最新情報

kimu12 2015/11/24

リンク

ビジネスに効く！Chromeアプリと拡張機能で業務効率を今すぐ爆速に変える方法 - リクナビNEXTジャーナル

ドキュメント、スプレッドシート、スライドで Officeファイルを編集 [Chromeアプリ] https://goo.gl/sk2CaS 複数ユーザーによって同時にファイルの編集が可能で、その履歴を全て保存することができるGoogleドライブ。便利そうだなーと思いながらも、「まだ導入できないんだよねー」という方も多いのでは？というわけで、まずはこれを気楽に導入してみることが可能な『ドキュメント、スプレッドシート、スライドで Officeファイルを編集』というそのまんま過ぎる名前のChrome 拡張機能から。 Chromeに追加するだけで、既存のWord、Excel、PowerPoint などのOfficeファイルを Google ドキュメント、スプレッドシート、スライドで表示・編集することが可能になります。編集後は元のフォーマットで保存もできるし、Googleドライブのファイルとしても

kimu12 2015/09/10

リンク

Chromeから無料でナショジオ風に写真をオフライン加工できる「Polarr」

プライベートで撮影した写真は形ある思い出となりますが、全ての瞬間をプロのカメラマンのような躍動感のある美麗な写真に仕上げるのは難しいもの。そんなデジタルカメラで撮影した画像を多彩なフィルターや詳細な設定によって美しく加工でき、「ナショナルジオグラフィックで働いているの？」と言われてしまうかもしれない無料の写真加工ツールが「Polarr Photo Editor」。オフラインで使えるChromeアプリ版「Polarr Photo Editor RAW」と、オンラインでさらなる機能が使える「Polarr Online Editor」を実際に使ってみました。 Polarr Photo Editor RAW - Chrome ウェブストア https://chrome.google.com/webstore/detail/polarr-photo-editor/djonnbgfieijldciea

kimu12 2015/01/06

リンク

フロントエンドエンジニアになってから11ヶ月間で覚えたちょっと捗るChromeの使い方 - Qiita

はじめに昨今のWebブラウザはどのような機能があるのか把握するのも大変なほど多機能で便利ですよね。 Webブラウザの機能を把握してうまく使いこなせること（とくに開発者ツール）が、フロントエンドエンジニアの前提スキルになってきてるのかなぁと感じる今日この頃です。ということで自分のデフォルトの開発用ブラウザはChromeなのですが、これを覚えて捗ったなぁということをメモしていこうと思います。思い浮かんだら追記していこうと思っているのでストックして頂けると幸いです。基本系キーボードショートカットを覚える Chromeのキーボードショートカットの一覧キーボードで出来ることはなるべくキーボードでやるけれども、マウスやトラックパッドでやったほうが速い場合は臨機応変に切替えることを心がけています。 Chrome Canaryを使う Chromeの開発者向けプレビュー版 Chrome Cana