Android の Chrome でツールバーのテーマカラーを変更する方法 - by Takumi Hirashima
Android の Chrome でツールバーのテーマカラーを変更する方法を紹介します。 例えば、Android 端末でサイトを見た時の、デザインのアクセントに使えるかもしれません。 Chrome のツールバーのカラーを変更する方法 Chrome のツールバーのカラーを変更するにはメタタグ theme-color を使用します。 例えば、ツールバーのカラーを黒（#000000）に変更したい時は、次のコードを head タグ内に追加します。 <meta name="theme-color" content="#000000"> カラーを変更する時は content 部分にカラーを指定します。 この方法は Lollipop 上の Chrome for Android バージョン39以降で有効です。 まとめ Android の Chrome でツールバーのテーマカラーを変更する方法を紹介しました
Googleの新ツールが便利すぎる！デザイナーやディレクター向けの新しいデザインツール -ProjectVisBug | コリス
VisBugはChromeの機能拡張で、ブラウザに表示したページのデザインやコンテンツを検証・編集できます。グリッドの確認はもちろん、要素を移動させたり、入れ替えたり、別の画像にしたり、テキストを編集したり、カラーを変更したりなど、さまざまなアイデアを実行・テストすることができます。 制作や検証時だけでなく、クライアントとの打ち合わせ、社内ミーティングなど、活躍するシーンがたくさんある便利ツールです。 VisBug -GitHub VisBugの特徴 VisBugのインストール VisBugの機能 VisBugの特徴 VisBugはChromeの機能拡張で、デベロッパーツールのデザイナーやディレクター向けという感じです。開発者のAdam Argyle氏は、Googleの現役UXエンジニア。 機能拡張なので、使うのは簡単です。 Chromeで当ブログを表示し、VisBugを起動してみました。
Google Chromeの背景（テーマ）がグレーに変わったときの対処
Google Chromeの背景（テーマ）がグレーに変わったときの対処方法を紹介します。 問題が発生した環境は、Windows7+Chrome 53.0.2785.116mです。 １．問題点 いつものようにGoogle Chromeを起動すると背景（テーマ）がグレーに変わっていました。 ということで、背景（テーマ）を元に戻す方法を紹介します。 ２．背景（テーマ）を元に戻す 背景（テーマ）を元に戻すには、アドレスバーに「chrome://flags」を入力。 試験運用のページが表示されます。 スクロールして、「ブラウザのトップ chrome 部分でマテリアル デザインを使用する」の項目を「マテリアルを使用しない」を選択。 ページ一番下にある「再起動」をクリック。 これで元の背景に戻ります。
Chromeの右上にあるボタンを消す方法＆タイル形式のブックマークを無効化する方法
「Google Chrome」のバージョンはすでに42になっており、さまざまなアップデートや変更が行われていますが、バージョンアップされたものの中には、バージョンアップ前のものを引き続き使用したいと思うものもあります。その中で「Chromeの右上に置かれたアバターメニュー」や「タイル形式のブックマーク」はアップデート前のものに戻すことが可能となっています。 Chrome ブラウザ https://www.google.com/chrome/ ◆ブラウザ右上にあるアバターメニューを消す方法 Chromeの右上にある1番左側のボタンは「アバターメニュー」と呼ばれるもので、Chromeへのログイン・ユーザの切り替え・シークレットモードへの変更ができるものです。 人によっては最小化ボタンをクリックしようと思ってアバターメニューを間違ってクリックしてしまったり、Chromeに全然ログインしなかったり
Chromeのデベロッパーツールが見やすくなる！デベロッパーツールのUIをダーク系に変更する方法
Readable テーマファイルの適用方法 テーマファイルを適用するには、Chromeの試験運用機能を使用します。 ※試験運用機能はサポート対象外のため、ご利用の際には十分ご注意ください。 テーマファイルをダウンロードします。 Chromeのアドレスバーに「chrome://flags/#enable-devtools-experiments」と入力し、試験運用機能にある「デベロッパー ツールのテストを有効にする」を有効化します。 Chromeを再起動。 デベロッパーツールを起動し、設定の「Experiments」タブを選択し、「Allow custom UI themes」をチェック。 これでデベロッパー ツールにテーマファイルが適用されます。 「Experiments」タブの「Allow custom UI themes」をチェック ※テーマ適用済みなので既に背景がブラックです。通常は
Chrome拡張インストール後の格納先フォルダと拡張を修正する方法
Chrome拡張インストール後の格納先フォルダと拡張を修正する方法を紹介します。 １．はじめに これまでのChrome拡張の開発に関するエントリーでは新規開発の方法を紹介しましたが、Chromeの公式サイトからインストールした拡張を修正したいケースについて紹介します。 ２．Chrome拡張の格納先フォルダを探す まず、拡張一覧画面でインストールした拡張のIDを調べます。 「ツール」→「拡張機能」をクリック。 修正したい拡張のIDとバージョンを確認。「1」の部分がバージョンです。 次に、拡張本体のディレクトリを探します。 Windowsの場合、拡張は下記のフォルダにインストールされます。 C:\Users\ユーザー名\AppData\Local\Google\Chrome\User Data\Default\Extensions\拡張ID\バージョン番号 今回の例では、 C:\Users\ユ
feedlyはじめました | Hinemosu
間近に迫ったGoogleリーダーの終焉に備え、RSSリーダーを乗りかえることにしました。 今後はRSSリーダーとしてfeedlyを使おうと思います。 ウェブ版feedlyは、そのままでは使いにくかったので、すこし手を入れました。 まずはChrome拡張「Feedly will open entry in background tab」をインストール。この拡張を使うと、いまfeedlyで読んでいるエントリを、新しいバックグラウンドタブで開けるようになります。 見た目も気に入らなかったので、Chrome拡張「Feedly will open entry in background tab」で調整。 自分でStyleSeatを書くつもりだったけど、「Feedly Wide and Clean -> Like Google Reader – Themes and Skins for Feedly」
レスポンシブWebデザイン制作に便利なGoogle Chrome拡張「Resizer」
レスポンシブWebデザイン制作に便利なGoogle Chrome拡張「Resizer」を紹介します。 先日、「レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」」を投稿したところ、Chromeでも同じような機能がほしい！みたいな書き込みがあったので、探してみたら似たような拡張機能がありました。 それがこの「Resizer」です。 １．「レスポンシブWebデザイン」とは 「レスポンシブWebデザイン」については、「レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」」を参照ください。 ２．インストール 「Resizer」のページ右上にある「CHROMEに追加」をクリック。 表示されたダイアログの「追加」をクリック。 これでインストールされました。 ３．「Resizer」の使い方 レスポンシブWebデザインのサンプルサイトとして
Chrome ユーザー エージェント文字列の変更
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これはイイ！GitHubのUIデザインを見やすいダーク系に簡単に変えられる -GitHub Dark
YouTube人気急上昇
CSSの制作・検証に役立つChromeの機能拡張のまとめ
表示ページのスタイルシートをリアルタイムに変更するChromeの機能拡張 -Stylebot