Kindle本のページに価格推移グラフを表示する拡張機能「キセッペ」新バージョンが登場【やじうまWatch】
Google Chromeで表示される「Webプッシュ」通知の許可ダイアログをデフォルトでブロックする方法
2017.09.10 2019.05.12 Google Chromeで表示される「Webプッシュ」通知の許可ダイアログをデフォルトでブロックする方法 毎回毎回めんどくさいねん こんな記事を読みました。 『突然表示される「Webプッシュ」は早急に滅んで欲しい』 わかる〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 Webプッシュ、大手メディアとか意識高めの個人ブログで導入してるところが多い印象ですが、個人的には一度も許可したことがなく毎回ブロックするのが面倒でした。 たまたま訪れただけのサイトの通知とか要ります？ で、前述のHagexさんの記事のブコメを見るとデフォルトでブロックする方法が書かれていました。「マジかよ」ってことでさっそく設定してみたのでやり方をメモしておきます。 Chromeの通知設定を見直す Chromeのアドレスバーに「chrome://settings/co
Web制作者のためのおすすめChrome拡張
Web制作者のためのおすすめChrome拡張普段使っているChromeをより便利にしてくれる拡張機能。私も様々なものを入れていますが、その中でもWeb制作時に使える便利拡張をいくつか紹介します。Firefoxに対応しているものもありますよ！ Web DeveloperChrome 拡張｜Firefox Add-on｜GitHub｜公式サイト Web に携わる人は入れておいて損はない拡張のひとつ！長年利用させていただいてます。1 クリックで CSS や JavaScript を無効化したり、画像の非表示、様々なデバイスサイズでの表示、クラスや ID 名の表示、定規やカラーピッカーまで揃っています！カラーピッカーは CSS で定義されたものだけでなく、画像からも抽出できるのがすごい。 CSS PeeperChrome 拡張｜公式サイト UI の美しさが魅力のデザイナー向け拡張。今開いているサイ
WhatFont - Chrome Web Store
The easiest way to identify fonts on web pages. Say goodbye to the complexity of developer tools for identifying fonts. With WhatFont, discovering the fonts used on websites becomes as effortless as hovering over text. Want more details? A simple click on any element reveals the styles applied, making it easier than ever to uncover the secrets behind beautiful typography. Recommended by Wired WebM
ｶﾀｶﾀｶﾀｯﾀｰﾝを可視化した - Qiita
何を言っているのか 製作時間 30分ぐらい 内容 input要素のtypeがtextまたはsearchの要素、もしくはテキストエリア内におけるキャレットの位置を画面内の絶対値として取得し、その周辺に打鍵と同時に画像を散らかしています。 キャレット位置の取得方法 これの実現については今回は自前実装ではなく caretposition.jsという素晴らしいライブラリがあったので、使わせていただいてます。 http://d.akiroom.com/2012-06/jquery-textarea-caret-position-javascript-library/ 実装 'use strict'; document.onkeydown = function (e) { var current = document.activeElement; if (e.key === 'Backspace')
Chrome Web Store
Add new features to your browser and personalize your browsing experience.
Win/OSX両用なChrome用プロキシ切替拡張の決定版はSwitchySharpだ : akiyan.com
Win/OSX両用なChrome用プロキシ切替拡張の決定版はSwitchySharpだ 2012-10-18 目次 1 全Webデベロッパが泣いて喜ぶプロキシ切替Chrome拡張を見つけました2 OSXでちゃんと動作する！3 Chromeのプロキシが独自設定できる！4 プロファイルを分けてChromeを複数立ち上げれば、別々のプロキシ設定のChromeが立ち上がる！5 ProxySwitchyからの移行も簡単 全Webデベロッパが泣いて喜ぶプロキシ切替Chrome拡張を見つけました 「プロキシが独自設定できるから、開発用にFirefoxを使っている」というウェブ関係者は多いのではないでしょうか。僕もその一人でした。（ウェブ開発では、開発環境に接続するためにプロキシ設定をすることが多々あるのです） Chromeは標準では独自設定ができないのですが、それでも動作確認などで開発用に使うことがあ
Chrome大好き、便利、より速く使うために工夫してること | URAMAYU
Chromeは速い、軽い、複数パソコンで環境を瞬時に同期して使える、アドレスバーからの検索が良いなどなど、一度使ってしまうと他のブラウザには到底戻れない、圧倒的な魅力を感じています。 というわけで、唐突に私のChromeお気に入りポイントと工夫ポイントを書いてみる。 アカウント同期すれば複数パソコンからでも全く同じ環境が再現される Googleのアカウント一つあれば、「アプリケーション」「パスワード」「自動入力」「設定」「ブックマーク」「テーマ」「拡張機能」が瞬時に同期されます。 なので、私の環境で言えば会社のThinkPad、持ち歩き用のVAIO X、家用のMacbook、常に同じ環境で使えるの、ほんとすごい。 買ったばっかりのMacbookにとりあえずChromeをインストールして瞬時に同期する様。 魔法のようにブックマークや拡張機能が再現！ ブラウザのセットアップ作業が1分で終わ
Chrome Web Store
Add new features to your browser and personalize your browsing experience.
Extensions > User-Agent Switcher for Chrome
Add new features to your browser and personalize your browsing experience.
Google Chrome Extensions: Create Link
Copy current page URL to clipboard in various formats. (Tested on OSX, WindowsXP, Windows7/64bit) Make HTML link tag easily like Firefox addon Make Link. Copy current page title and URL to clipboard in various formats. *plain text ([page title] [page URL]) *HTML link (<a href="[page URL]">[page title]</a> *markdown *mediawiki In extension options page, you can configure formats and shortcut key. S
厳選して使用している便利なChromeエクステンション19個 - かちびと.net
メインブラウザをFirefoxからChrome に変更して暫く経ちます。Chromeも かなりエクステンションが豊富になって きました。いろいろとエクステンションを 試して、微妙に感じて消して、の繰り返 しですが、そんな中、マストに使ってい る拡張をご紹介します。 色々試して、最終的に残ったChromeエクステンションのまとめです。 CSS Tester どのページでもcssの追加テストが出来ます。すぐに反映されるので結構便利。 CSS Tester CSSViewer 先日記事にしましたが、インストールしてから毎日使っています。マウスを乗せるだけでその要素のcssを表示。便利ですねー。 CSSViewer View Selection Source ドラッグした部分のみのソースを表示します。Web制作時によく使っています。使い慣れるとほんと重宝します。 View Selection So
Googleインスタントプレビューによくある質問
検索結果をクリックすることなくリンク先のページを表示できるインスタントプレビューをGoogleは先日公開しました。 インスタントプレビューによくある質問をGoogleが公開しています。 大切だと個人的に思える項目をピックアップします。 ● インスタントプレビューの画像が作成されるタイミング ほとんどの場合は、Googlebotがクロールしたコンテンツに基づいて作成される。事前に保存したデータが存在しないときは、ユーザーのリクエストに応じてその場で作成する。 ● その場で作成するインスタントページビューとクロールによるページビューの違い クロールによって作成されるページビューはGooglebotが取得したデータから作成される。その場で作成するページビューは、Google Web Previewによって作成される。 Google Web Previewのユーザーエージェント名は、現在は次のとお
日本のGoogle 社員が選んだ Chrome エクステンションのご紹介
Chrome エクステンションは、Chrome に便利な機能を追加することで、自分好みにブラウザをカスタマイズできるブラウザの拡張機能です。世界中の開発者の皆さんのおかげで、様々な種類のエクステンションが多数登録され、多くの方に利用していただいています。 先日、Google の社員に対してよく使っている Chrome エクステンションについてアンケートをおこないました。その中からさらに厳選したトップ10を、今回はランキング形式でご紹介します。ぜひ、試してみてください。 Doc PDF/PowerPoint Viewer 添付ファイルで送られた PDF、PowerPoint プレゼンテーション、その他のドキュメントなどのデータをダウンロードすることなしに、 Google Docs Viewer でブラウザ上で簡単に表示することができますRSS Subscription Extension 専
Chrome HTML検証エクステンション登場 | エンタープライズ | マイコミジャーナル
Robert’s talk Robert Nyman氏がHTML Validator - Robert's talkにおいてChrome向けのHTMLバリデータエクステンションを公開した。同氏はこれまでにいくつもFirefox向けのエクステンションを開発している。HTML Validatorは簡単に扱うことができて便利。紹介されている内容をまとめると次のとおり。 HTML Validatorの特徴 自動または手動でHTMLの検証を実施可能。W3C Validatorを使い、インラインで処理することもW3C Validatorへ処理を飛ばすこともできる。 HTML Validatorのアイコンはアドレスバーの右側に表示される。ページにエラーがなければ緑色で0と表示され、エラーがあれば赤色でエラー数が表示される。エラー一覧はページ下にダイアログがポップアップする。 HTML Validator
Web Developer - Google Chrome 拡張機能ギャラリー
Adds a toolbar button with various web developer tools. The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the Web Developer extension for Firefox. -------------------- The best place for support is not in the reviews section below, but on the Web Developer site in the help: https://chrispederick.com/work/web-developer/he
Google chrome extension(拡張機能)を開発してみた | スマートネットワーク 開発ブログ
Google chromeの拡張機能について書かれた記事をよく見かけます。「Google chromeの拡張機能は開発がとてもカンタン！」ということが書かれていたので、それならちょっと作ってみようと思いました。 Google chromeのベータ版をダウンロード 以下のURLよりGoogle chromeのベータ版をダウンロードします。 Google Chrome（BETA） 開発用フォルダを準備する 好きなところに開発用のフォルダを作成します。 私はC:\work\chrome-extというフォルダを作成しました。この中に拡張機能ごとのフォルダを作成していきます。今回はhelloworldという名前の拡張機能を作ってみることにします。 必要なファイルを作成 Google chrome拡張に必要なファイルを作成します。 最低限必要なのは以下の三つです マニフェストファイル アイコン画像ファ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブラウザでCORSを無効化する方法 - Qiita
Webページで使用されているスクリプト・プラグイン・テクノロジーが何なのかがすぐに分かるChromeの機能拡張 -WhatRuns
YouTube再生前に流れる広告を自動でスキップするChrome拡張機能「ScrewAds」｜男子ハック
