ディレクターの日常業務で役立つGoogle Chromeのアドオン10個 : LINE Corporation ディレクターブログ
ディレクターの渡邉雄介です。 皆さんは仕事中にどんなWebブラウザを利用していますか？ 私の周りは一昔前はFirefoxが多かったのですが、最近はGoogle Chromeをメインで使っている人が増えてきた気がします。 Webブラウザのシェアを調べてみると、10月時点で国内ではChromeが2位のFirefoxに迫る勢い (世界的にはすでにFirefoxを抜いて2位) ということで、今後のWeb開発においてはChromeの存在も無視できない存在になってきたのではないでしょうか。 ※参考: ChromeブラウザシェアがFirefoxを抜いて2位に！IEを抜いてシェアトップになるのは2012年5月中旬頃の予想 | Chrome Life 私自身も1年ほど前にメインで使うブラウザをFirefoxからChromeに変えました。以前はFirefoxほど便利なアドオン (機能拡張) がありませんでした
Mozilla Re-Mix: 日本人がAmazon.comで買い物するのをサポートしてくれるGreasemonkeyスクリプト「amazon international shipping」
最近の円高傾向により、海外のサイトでドル建ての買い物をすれば、物によっては日本で購入するより大幅な節約ができることがあります。 しかし、こうした傾向はわかっていても、なかなか購入するまでには至らないというという方も多いのではないでしょうか。 そんな方は、Firefoxに「amazon international shipping」というGreasemonkeyスクリプトをインストールして、Amazon.comでの買い物にチャレンジしてみてはいかがでしょうか。 「amazon international shipping」は、米国版Amazonで日本語による商品検索や価格の日本円への変換、日本への配送の可・不可など、日本人がドル建てで商品を購入するのをサポートしてくれるというものです。 スクリプトをインストール後、Amazon.comにアクセスすると、以下のような機能が利用できるようになりま
主要ブラウザのHTML5 audioタグで使えるファイル形式の再生対応状況を調べてみた - 音楽方丈記
主要ブラウザのHTML5 audioタグで使えるファイル形式の再生対応状況を調べてみた » 音楽ネタ全般 [編集] このブログを iPad の Safari でもそこそこ見れるように埋め込みの mp3 プレイヤーとか Flash 関連の扱いを前からコツコツといじっているのですが、いろいろやるついでに主要ブラウザの HTML5 の audio 要素の再生ファイル形式がどこまで対応しているのか調べてみました。 HTML5 の audio 要素について» 基本構文 <audio src="音声ファイルのURL" >ここに未サポート時のメッセージ</audio> » 属性 属性 値 用途 src 再生する音声ファイルの URL controls 再生/停止ボタンなどのインターフェイスを表示する autoplay ロード後に自動再生する loop ループ再生する preload none meta
気になるサイトをどんどん取り込んでまとめてePubとして出力·GrabMyBooks MOONGIFT
GrabMyBooksはWebサイトを取り込んでePubファイルを生成するFirefoxアドオン。 GrabMyBooksはFirefox用のフリーウェア。電子書籍を楽しむには専用のフォーマットに変換する必要がある。PDFでも良いが、やはり専用のフォーマットと言えばePubだ。だが自在にePubを作成するツールというのはまだあまり多くはない。 取り込んだところ まだ電子書籍のコンテンツ自体が多くないのが実情だ。そこで手軽に自作してしまう方法を紹介しよう。元になるのはWebサイトで、使うのはGrabMyBooksだ。 GrabMyBooksはFirefoxアドオンであり、使い方はとても簡単だ。まず閲覧しているページでGrabMyBooksを実行する（コンテクストメニューなどで）。そうするとGrabMyBooks内にデータが蓄積される。それをどんどん繰り返していけば良い。 ここで編集もできる
ついに出た！Chrome版「Page Speed」の使い方
2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。 この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。 ぜひ、ご自身のサイトの改善に役立てていただければと思います。 そもそも、なぜサイトの表示速度を速くする必要があるのか？ 例えば、Amazonの調査によると「表示速度が0.1秒遅くなると、売上が1％減少する」といい、Googleの調査によると「表示速度が0.5秒遅くなると、検索数が20％減少する」と言われます。 また、GoogleはWebページの読み込み速度をアルゴリズムに取り入れたことを発表しています。 大手サイトや大規模なECサイトに限らず
Firefox4で動作しないアドオンを動作させる方法
Firefoxのバージョン3系から4系へ移行することで最高で6倍近く高速になり、起動時間も短くなり、静的なページの読み込みも動的なウェブアプリケーションの実行も素早く完了するようになっており、さらにハードウェアアクセラレーションによってグラフィックスの高速表示も実現しているわけですが、問題となるのはまだFirefox4に対応していない、もしくはもうこれ以上更新が無くなってしまっており、Firefox4では動作する見込みのないアドオンの存在。 そういったアドオンを動作可能にする方法はいくつかありますが、ここではその中でも専門知識をあまり必要としない方法を実践してみました。今回は、記事を書いている2011年3月23日時点でまだFirefox4に正式対応していない「Make Link」を事例に使うことにします。 ちなみにFirefox Ver3.x系統からVer4系統に移行する際を例にしています
FirefoxからChromeに乗り換えたので導入した拡張機能＋周辺ツールまとめ | フリーソフトラボ.com
Google Chromeにバージョン10から待望のパスワード同期機能が追加されたので、これを機に長い間使い続けたFirefoxから乗り換えてみました。DropboxやEvernoteの台頭の影響もあって”クラウド化”の利便性が大いに取りざたされている昨今ですが、Google Chromeもこれと同じように、ブックマークから拡張機能までほとんどのユーザー設定に関する情報をクラウドに預けられるので、定期的にバックアップを取る必要がなかったり、別のPCでも一発で同期できるところに他ブラウザにはない魅力を感じました。 実際の移行に当たっては、今まで使っていたFirefoxと同じ使い勝手やアドオンで追加された機能（私がずっと使っている13個のお気に入りFirefoxアドオンまとめを参照）をGoogle Chromeでどこまで再現できるのか、というのが最大の課題でしたが、最近ではChromeも拡張機
私がずっと使っている13個のお気に入りFirefoxアドオンまとめ | フリーソフトラボ.com
今回は、管理人が愛用しているFirefoxのアドオン13個をまとめてみました。最近では、ブラウジング体感速度の速さが人気のGoogle Chromeによる急激なシェアの伸びに押され気味なFirefoxですが、拡張機能の充実度合いでは歴史の長いFirefoxの方がまだ少し優勢な状況にあると言えるでしょう。 当サイトでも、そんなFirefoxのアドオンに関連する記事をこれまで何十件と公開してきましたが、ならば実際それらを紹介した筆者自身はどれだけの数のアドオンを使用しているのかというと、起動速度の遅延や不必要なメモリ消費を避けるため、普段は必要最低限のものしかインストールせず、必要に応じて追加したり消したりを繰り返すというスタイルをとっています。 そんな中でも、使う使わないに関係なく常に有効化している、「これだけは外せない！」という特にお気に入りのアドオンももちろんいくつかはあります。ここでは
3D Text
3D Text Use multiple text-shadows to create 3D text on any HTML element. No extra HTML, no extra headaches, just awesomesauce. Works in the latest builds of Safari, Chrome, Firefox, and Opera. h1 { text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px
紙を折ったようなエフェクトを実装するチュートリアル | コリス
画像を使用せずに、スタイルシートで紙を折ったようなエフェクトを矩形の角に適用するチュートリアルを紹介します。 Pure CSS folded-corner effect [ad#ad-2] 対応ブラウザはCSS3と:before疑似要素を使用しているため、Firefox 3.5+, Chrome 4+, Safari 4+, Opera 10+, IE 8+です。 デモページ 紙を折ったようなエフェクトの実装 紙を折ったようなエフェクトは、全部で4種類あります。 HTML HTMLはdiv要素を使用するだけで、class名を変更するだけです。 <div class="note"> コンテンツ </div> 適用するclassは「note」です。 全てのベースとなるスタイルシートです。 .note { position:relative; width:480px; padding:1em 1
tezawaly.jp - ニュース リソースおよび情報
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.
Googleリーダーを超便利にする最強のGreasemonkeyスクリプト11選！ | フリーソフトラボ.com
皆さんはGoogleリーダーを使っているでしょうか。デフォルトでも大変使いやすいGoogleリーダーですが、ブラウザの拡張機能やGreasemonkeyスクリプトを組み合わせることで、さらに使い勝手が広がることは多くの方がご存知のことでしょう。当サイトのでも以前、あなたのGoogleリーダーを超便利にする最強のFirefoxアドオンまとめという記事をエントリーしたことがありますが、今回はそのGreasemonkey版ということで、私が普段使っている「これは超便利！」というスクリプトをまとめてみました。 最近では、FirefoxをはじめGoogle Chromeなど多くのブラウザがGreasemonkeyスクリプトの動作をサポートしていることから、特定ブラウザのみで使用可能な拡張機能よりも使い勝手がよく、また管理も楽なので、アドオンなどよりも気軽にインストールしやすいのではないでしょうか。
Mozilla Re-Mix: ローカル画像やウェブ上の好きな画像をFirefoxのテーマにできるアドオン「Canvas」
Personasのリリース以降、Firefoxテーマの選択肢がかなり広がりましたね。 専用のギャラリーにはすでに30000以上のデザインがアップされているほか、「Personas Plus」を使えば自分でテーマを作成して適用することも可能ですが、これだけのデザインの中から自分の好みのテーマを探すのも大変ですし、だからといってテーマをわざわざ作っていられないという方もいらっしゃるでしょう。 そんな方に便利なFirefoxアドオンが「Canvas」です。 「Canvas」は、ロカールにある手持ちの画像やウェブページ上に表示されている画像を簡単にFirefoxのテーマとして利用することができるというものです。 アドオンをインストールすると、初期状態では以下のようにダーク系のテーマが適用されるようになり、専用のツールバーが追加されるようになります。 *画面上のポップアップはデフォルト検索エンジンに
HTTP Server Test Page powered by CentOS-WebPanel.com
This page is used to test the proper operation of the HTTP server after it has been installed. If you can read this page it means that the HTTP server installed at this site is working properly. The fact that you are seeing this page indicates that the website you just visited is either experiencing problems or is undergoing routine maintenance. If you would like to let the administrators of this
2010年現在、最強フリーソフトベスト5を決めようぜ
1：以下、名無しにかわりましてVIPがお送りします：2010/09/07(火) 00:38:40.23 ID:mGttzstn0 まあ、>>1で結論が出たも同然だけどな。 Avira Antivir QTTabbar Firefox AIMP2 CCleaner 参照 http://yuzuru.2ch.net/test/read.cgi/news4vip/1283787520/ 3：以下、名無しにかわりましてVIPがお送りします：2010/09/07(火) 00:42:31.40 ID:KDoSA5+n0 漢は黙ってOperaMINI 5：以下、名無しにかわりましてVIPがお送りします：2010/09/07(火) 00:46:37.69 ID:KDoSA5+n0 できればMINIは携帯電話、スーマフォン用ってことに気付いてほしかったんだがな 6：以下、名無しにかわりましてVIPがお送りし
CSSでfloatを指定したボックスを含むボックスの背景が出なくなる件 - Fsiki
「CSSで段組したらFirefoxで背景が出ねーよっ」て話をよく聞くので色々試してみました。 コンテンツメニュー 元になるHTML 特に何も考えずfloatを使った場合 外のボックスに幅を与えてみる 一般的な解決方法 その他の解決方法 overflowを使う 最終回答 番外編 更新履歴 このドキュメントについて 元になるHTML <div id="container"> <div class="leftBox">内容</div> <div class="rightBox">内容</div> </div> 例1(ブログ) class="leftBox"のボックスの内容は「サイドバー」。class="rightBox"の内容は「記事部分」。 例2(ウェブサイト) class="leftBox"のボックスの内容は「ローカルナビゲーション」。class="rightBox"の内容は「情報」。 例3
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]背景画像に関する実用的なスタイルシートのテクニック集
Firefox最強すぎワロタｗｗｗｗｗｗｗ : はれぞう
ワイヤーフレームやユーザーインターフェイスのデザイン用のフリーの素材集
持ってると便利な各種ブラウザのアイコン素材