Webデザインが圧倒的に捗るGoogle Chromeの拡張機能12選
みなさんはChromeの拡張機能を活用していますか？ 拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL：FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます。ランディングページなど縦長のページのスクリーンショットを撮影するときに便利です。 2. PerfectPixel by WellDoneCode ダウンロードURL：PerfectPixel by WellDoneCode ページ内に任意の画像を重ねることができる拡張機能です。画像を動かしたり、透過させたり、サイズを変更したりしてレイアウトすることができます。ボタンやロゴの配置を迷っているときにコ
「AngularJS」と「はてブAPI」で作るChromeアプリの作り方を完全公開！ - paiza times
どうも、まさとらん（@0310lan）です。 今回は、Googleが提供する「Chromeブラウザ」で動作するアプリケーションを作ってみたいと思います。 「なんだか難しそう…」と思うかもしれませんが、ざっくり言ってしまうと普通に「Webページ」を作るのと変わりません。 そこで、簡単なサンプルアプリを作りながら、自分だけのChromeアプリ開発に挑戦してみましょう！ ■Chromeアプリとは？ 開発を始める前に、まずは予備知識としてChromeアプリの「種類」についてご紹介しておきます。 実は、「Chromeアプリ」と言っても、いくつか異なる種類があります。 例えば、「Appspector」というChromeアプリは、ブラウザの機能を拡張することで、表示されているWebページがどんな技術を利用して作られているのかを表示できるようになります。（https://chrome.google.com
米Google社員が語った、作業が捗るGoogle Chromeテクニック20個！ – 和洋風KAI
和洋風KAIは、Apple・水樹奈々・食べ歩きが三本柱のブログです。モットーは「楽しく」「便利で」「端的に」。 ⇒ アバウト ⇒ 免責事項 1．テキストのみコピペする方法。 リッチテキストエディタなどを使っていると、ブラウザからテキストをコピペした場合、画像なども付いてくる場合があります。 そんな時は「Control+Shift+V（Macだとcommand + shift + V）」を使ってペーストすると、テキストのみ貼り付けることが出来ます。 2．最後に閉じたタブを復活させる方法。 誤ってタブを閉じてしまった時は、「Control+Shift+T（Macだとcommand+shift+T）」とショートカットキーを叩くと復活させることが出来ます。 3. タブにマウスを置くと、ウェブページのタイトルの全てが読める。 Google Chromeはタブを開きすぎるとタブがとても小さくなってタイ
Developing with Sass and Chrome Developer Tools
In this tutorial, we’ll review the process of better integrating Sass debugging into our workflow with Chrome Developer Tools. Introduction – Sass Sass stands for Syntactically Awesome Stylesheets; think of it as an extension to vanilla CSS that provides such features as: Variables – For example, define a color upfront, and reference that value in multiple places. Mixins – Share common styles thro
【リアルタイム更新!!】Chrome Tech Talk Night #5レポート【 メモ】 | DevelopersIO
2013年1月31日(木)。Chrome Tech Talk Night #5が Google 日本本社にて開催されたので、六本木ヒルズ森ビルまで行って来ました。 第 1 部：Making the Web Fast with PageSpeed PageSpeed は、サイト所有者が自身のサイトを最適化し、そのプロセスを自動化をする Google によるプロジェクト スイートです：Insights はお勧めを提案します。mod_pagespeed と ngx_pagespeed はサイトの最適化プロセスを自動化するオープンソースプロジェクトです。PageSpeed Service は、2013 年に提供開始を予定している Google の新しい最適化サービスです。本講演では、PageSpeed がどのように動き、どこに向かい、皆さんのサイトでどのように役立つかについて、詳しく見ていき
Chrome DevTools.next
1. Chrome DevTools.next 2012/12/21 Cyber Agent Toru Yoshikawa ( @yoshikawa_̲t ) 2. Who? 吉川 徹 / Toru Yoshikawa @yoshikawa_̲t C.A.Mobile Web先端技術フェロー Google API Expert ( Chrome ) コミュニティ活動 html5j.org/HTML5とか勉強会スタッフ ⽇日本jQuery Mobileユーザー会 管理理⼈人 Sublime Text 2 Japan Users Group 管理理⼈人 allWebクリエイター塾/jQuery Mobile担当講師 Blog: http://d.hatena.ne.jp/pikotea/ 3. 著書 「HTML5ガイドブック 増補改訂版」（
僕が考えたChrome拡張機能を作るときのデザインパターン
最近いくつかのChrome拡張機能を作っていて、すでに数千人のユーザを獲得できているものが出てきてたりします。 Image collector extension goo.gl URL Shortener extension mixi Check button extension Semantic inspector これだけ作ってると、何となく自分でのChrome拡張機能を作り出す際のデザインパターン・・・っていう大それたものじゃないけど、ようはテンプレが確立されてきます。全く褒められない書き方をしているかもしれませんが、ここでそのテンプレ達を晒しておこうかな、と思います。 manifest.json まずはChrome拡張機能の要であるマニフェストファイルです。これは誰が書いてもさほど変わらない記述内容となるでしょう。 { "manifest_version": 2, "name":
HugeDomains.com
Captcha security check actyway.com is for sale Please prove you're not a robot View Price Processing
はてなブログ | 無料ブログを作成しよう
日記_2024.8.29 鞍馬と貴船 29日は鞍馬と貴船に行ってきました。こんな天気でバイクは無理、でも引きこもるのも嫌なので前々から行きたかった鞍馬と貴船に行くことにしました。ただ、いつ大雨が降っても全くおかしくないので天気がヤバそうなら帰ることにします。普通に日帰りできる距離ですから…
Chrome Manifest Generator
Chrome Manifest Generator Chrome の拡張機能を作る上で面倒な manifest.json の作成を補助するツールです。 入力してあるかどうかのチェックは行っていますが、入力内容のチェックはしていません。 manifest.json については公式ドキュメントが参考になります。 タイトル[必須] 作成する拡張機能のタイトルを入力してください（最大45文字）。 バージョン[必須] 作成する拡張機能のバージョンを入力してください。 マニフェストのバージョン[必須] 対象の拡張機能が Chrome 18 以降を対象にしたものの場合、"2" と指定すべきです。 参考：Manifest Version - Google Chrome Extensions - Google Code また、manifest_version を "2" と指定した場合、Content-Se
Pocket（旧Read It Later）のGoogle Chrome拡張を全部使ってみた！感想＆おすすめ拡張機能の紹介 | フリーソフトラボ.com
”あとで読む”系のサービスとして人気の「Read It Later」用のGoogle Chromeクライアント拡張機能を、現状Chrome Web Storeから無料でダウンロードできるもの全てインストールして試してみたので、それぞれ使ってみた感想とおすすめの拡張機能をここに紹介してみます。 結論から言うと、以前当サイトでも紹介した「Readmine」がやはり圧倒的に高機能で使いやすいと感じましたが、個々人の使い方によっては、このほかにもより望ましい拡張があるかもしれないので、本記事がどれをインストールすべきか迷ったときの参考になればと思います。 総合クライアント Readmine スクロールするだけで未読エントリーを次々に読み込んでくれるほか、リンククリック時の新規タブの挙動などカスタマイズ可能。右クリックメニューから現在開いているページの登録、Googleリーダー連携機能あり。 未読リ
chrome-life.com - このウェブサイトは販売用です！ - chrome life リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Chromeの「シークレットウィンドウ」はWeb開発にとても使える
皆さん、Google Chrome の「シークレットウィンドウ」使ってますか？ Google Analytics を見る限り、このブログでは Google Chrome がトップシェアですが、周りの方に話を聞いてみると、残念ながら Google Chrome の「シークレットウィンドウ」機能はそれほど使われていないようです。 あれほど Web 開発に使える機能は他にないのに…と残念に思っていても仕方ないので、活用方法をまとめて記事にしてみました。 目次 まずは基本の使い方 Webサービスにログインしている状態としていない状態を同時に確認 Webサービスに2つのアカウントで同時にログイン Webページの表示がおかしい時は、まず「シークレットウィンドウ」で確認 検索エンジンでの順位チェックは「シークレットウィンドウ」で ニコニコ動画が何度もエラーになる時は「シークレットウィンドウ」で まずは基
『TOEIC』試験、英語学習に使える『Google Chrome』の拡張機能|ガジェット通信 GetNews
皆さんはウェブサイトをご覧になるとき、どのブラウザを使用されているでしょうか。パソコン購入時にデフォルトの状態になっているブラウザ、Windowsであれば『Internet Explorer』、Macであれば『Safari』などをそのまま使われている方もいるでしょうが、『Firefox』や『Google Chrome』などを新たにインストールして使ってらっしゃるかたもいると思います。現在のブラウザは、描画のスピードや、機能拡張による付随機能の豊富さがより重視される傾向にあります。かく言う私も、Macのデフォルトブラウザ『Safari』を使っていたのですが、機能拡張の豊富さや会社のWindowsとブックマークが同期出来るという便利さから『Firefox』を使うようになり、最近は併せて『Google Chrome』も使っています。 さて、ここから本題なのですが、私は近々『TOEIC』の試験を受
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ソニック速報
http://kinjouj.hatenablog.jp/archive/category/Chrome%20Extension
rummelonp.com
Chrome拡張入門
tande lab.
これは便利！今話題になっている人気急上昇中のGoogle Chrome エクステンション - iTea3.0
