ドットインストール代表のライフハックブログ
ウェブページを拡大表示し、サイズやカラーのチェックができるウェブ制作者の必携のFirefoxのアドオンを紹介します。 PixelZoomer PixelZoomerの起動方法は簡単です。 チェックしたいページをブラウザで表示し、右クリックから「PixelZoomer」を選択します。
Firefoxの真骨頂は、豊富に存在する拡張機能などのアドオンや、様々な設定を行い、自分好みのブラウザに調教できることだろう。しかし、それだけに困ったことがある。それは、2台目のサブマシンや、新しいPCを導入した時など、一から環境を構築しなくてはならないということだ。アドオンを検索してインストールし直したり、ユーザー名やパスワードなどを再び入力して、記憶させたり……使い慣れた環境をもう1つ構築するというのは、簡単なようで難しい。一度設定してしまえば、改めて設定することはほとんどないため、意外と忘れてしまいがちだからだ。 そんなときに役立つのが、「 FEBE(Firefox Environment Backup Extension) 」というアドオンだ。FEBEを利用すると、アドオンやその設定、パスワード、ブックマーク、履歴などをバックアップして、リストアすることができるのだ。もちろん、バッ
Mozilla Firefox CollectionはWindows用のフリーウェア。Webサイトを開発する際にはどのバージョンのブラウザからサポートするかが工数に影響を与える。ブラウザは進化するに従ってレンダリング結果やJavaScriptの動作が異なったりするので、多くのブラウザをサポートする場合はテストの工数が増えていく。 4つのFirefoxがインストールされる IEでは複数のバージョンをインストールして確認するソフトウェアがあるが、Firefoxでは見かけなかった。だがMozilla Firefox Collectionはまさにそのためのソフトウェアになる。Firefox2〜3.6までの歴代Firefoxでのシステム確認作業が出来るようになる。 インストールされるのは2、3.0、3.5、3.6の4つのFirefoxになる。さらにFirebugやWeb DeveloperといったW
FirefoxやThunderbirdはWEBユーザーの必須アイテム。 初心者からヘビーユーザーまで使える!便利でクールなFirefox拡張機能(アドオン)の使い方やカスタマイズ、Mozilla関連情報をどうぞ。 Adobe 「Flash Player」を緊急アップデート。 by hoge (07/16) Adobe 「Flash Player」を緊急アップデート。 by H.I. (07/16) ウェブページから余計なコンテンツを排除して読みやすく表示できるFirefoxアドオン「Tranquility Reader」 by しんちゃん (07/11) YouTubeのHTML5動画に表示される広告をブロックしてくれるFirefoxアドオン「YouTube Advertisement Blocker」 by はち (06/17) ウェブページ上の不要なリンクを非表示にできるFirefox
ページのソースをもっと見やすくしたい。 そんなあなたにおすすめなのが、『View Source Chart』。HTMLソースをネストでグラフィカルに表示するFirefoxアドオンだ。 『View Source Chart』は、ページのソースをタグごとに見やすく表示してくれる。背景色や点線、実線で区別してくれたり、タグをクリックすると折り畳んでくれたりする。 インストール後、右クリックのメニューから「View Source Chart」を選ぶことで使える。 思ったよりもソースが見やすくて快適だ。 HTMLソースをネストでグラフィカルに表示、チェックして使っていきたいですね。 スカルリングのことで頭がいっぱいです。。
WebデザイナーでFirefoxをよく使っている。 そんなあなたにおすすめなのが、『22 Firefox 3 Plugins Web Designers Can’t Live Without』。Webデザイナーなら知っておきたいFirefoxアドオンだ。 以下にいくつかご紹介。 » iMacros for Firefox 6.0.7.2 繰り返し行う操作を記憶しておける » MeasureIt 0.3.8 サイトの要素のpxを測れるルーラ » Pencil 1.0.3 GUIのプロトタイプが作れるオープンソースのツール » FireShot 0.60 スクリーンショットが撮れるだけでなく、さっとテキストを追加したり、グラフィックの注意書きを追加できる » Window Resizer 1.0 ブラウザの解像度を変えてくれる。640×480, 800×600, 1024×768, 1280×
Firefoxをもっと便利に使いたい。 そんなあなたにおすすめなのが、『The Best 50 Firefox add-ons for Web-developers!』。WebデベロッパーのためのFirefoxアドオン50選だ。 以下にいくつかご紹介。 » JavaScript Debugger 強力なJavascriptデバッガ » IE View 右クリックの拡張からIEの見え方でロードできる » Dummy Lipsum ”Lorem Ipsum”のダミーテキストを自動で生成 » Tab Scope タブにマウスオーバするとプレビューできる » Window Resizer 640×480, 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200にWindowをリサイズしてくれる その他のリストは以下から。 » The Best 50 Fi
なんだか最近急にTumblr熱が高まったので再開しました!別にブログでいいかな、と思ってたんだけど、気軽にpostしていけるのが便利そうなので。 周りにTumblr使ってる人がいて刺激されたのが大きいかな。写真をぽんぽんUPしてるのを見ると楽しくなりますよね。 Tumblrにpostするツールとして、tomblooをインストール。Firefoxのアドオンですね。めちゃくちゃ便利です。 » tombloo 右クリック拡張のメニューからTumblrにpostできるようになります。テキストを選択すれば自動でQuoteになるし、画像の上で右クリックすればPhotoとして投稿できます。 特に便利なのがキャプチャ機能!範囲を選択して、タギングしてpostできます。これがあるからTumblrをまた使い始めた感じかな。 右クリックして Share… / Photo – Capture を選択します Reg
「Tumblr Post」をインストール WebブラウザのFirefoxには、様々な拡張機能(アドオン)が用意されている。その中には、特定のWebサービスを使いやすくアドオンもある。「Tumblr向けのアドオンはないの?」 そう感じる人もいることだろう。 今回は、『Tumblr』向けのFirefoxアドオンのひとつである『Tumblr Post』を紹介する。Tumblr Postを使うことで、Tumblrへの投稿がラクになるほか、Dashboardや自分のブログ(Tumblelog)へのアクセスも簡単になる。 それではTumblr Postをインストールしよう。Tumblr Postの配布サイトにアクセスし、<Firefoxへインストール>ボタンをクリックする(図1)。図2の警告メッセージが表示された場合は、<許可>ボタンをクリックしよう。 図1 「Tumblr Post」の下にある<Fi
「Bookmark Previews」 Firefoxのブックマークの数が増えてきた時に、まとめて整理することもあるだろう。しかし、サイト名とURLだけでは、どのようなWebサイトだったかを思い出せないことがあるかもしれない。とは言え、ブックマークしているWebサイトをひとつずつ開いて確認するのはいかにも効率が悪い。そんなブックマークの整理時に役立つFirefoxのアドオンが「Bookmark Previews」である。「Bookmark Previews」をインストールすると、ブックマークしたWebサイトのプレビュー画像が自動的に作成される。プレビュー画像はサイドバーやブックマークの管理ウィンドウで確認することができ、ブックマークを移動したり、削除する際の参考になる。 注意:本稿では、Firefoxのアドオンのインストールを行っていますが、ソフトウェアの利用は使用者の責任で行ってください
趣味から仕事の用途まで、広い活用方法を持つFirefox。豊富なアドオンを使うことで、さまざまな便利機能を付加できる。アドオンの組みあわせは自由自在、自分の使いやすいようにカスタマイズが可能だ。本稿では先日紹介された「Webデザイナ向けFirefoxエクステンション19」より、カラーツールとスクリーンショットツールに焦点をあて、とくに興味深い5つのアドオンの使い方を紹介しよう。 カラーツール ColorSuckr (配布元 / ダウンロード) ColorZilla (配布元 / ダウンロード) スクリーンショットツール Abduction! (配布元 / ダウンロード) Image Zoom (配布元 / ダウンロード) Screengrab (配布元 / ダウンロード) 紹介にあたり、ここでの動作環境は次のとおり。 OS … MacOS X 10.5.8 ブラウザ … Firefox 3
ご存じの方もかなりいるのでは、と思いつつ・・・個人的に忘れていたのであらためてご紹介。 Firefoxでは、URLを入力する際にSHIFTキーやCTRLキーを使うことができます。 ■ 語句を入力 → CTRL+Enter たとえば「100shiki」を入力してCTRL+Enterを押せば「http://www.100shiki.com/」に行ってくれます。 ■ 語句を入力 → SHIFT+Enter たとえば「100shiki」を入力してSHIFT+Enterを押せば「http://www.100shiki.net/」に行ってくれます。 ■ 語句を入力 → CTRL+SHIFT+Enter たとえば「100shiki」を入力してCTRL+Enterを押せば「http://www.100shiki.org/」に行ってくれます。 なお、Internet Explorerでは「CTRL+Ente
GridFoxは、表示しているページにグリッドを重ねて表示することができるFirefoxのエクステンション(機能拡張)です。 GridFox - The Grid Layout Firefox Extension グリッドは、幅や間隔・数・色などカスタマイズが可能で、GridFoxのOptionsで変更できます。 Columns 位置 等間隔・不等間隔 横幅・カラム数 カラムの幅 Rows 縦列の表示 高さ 最上部の高さ Appearance 不透明度 背景色 線の色 線の幅 使用してみたところ、Fx2だと表示はできるのですが、設定変更ができませんでした。Fx1.5だと全ての設定変更が可能でした。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く