異なるバージョンのFirefoxでCSSを有効・無効にするハック集が紹介されていました。 Firefox のバージョンによって有効なCSSを出し分けるような場合に使えそうです。 すべてのバージョンのFirefoxをターゲットとする /* 方法１ */ #selector[id=selector] { color: red; } /* 方法２ */ @-moz-document url-prefix() { .selector { color: red; } } /* Firefoxを含むすべてのGeckoエンジンで有効にする */ *>.selector { color: red; } Firefox 1.5 と それ以降のバージョンで有効にする .selector, x:-moz-any-link, x:only-child { color: red; } Firefox 2 以降のバー

Internet Explorer 6/7/8rc1, Firefox, Opera, Safari, Chromeなど主要なブラウザをWindows上で同時に起動できるXenocode Browserを紹介します。 Run IE876, Firefox, Safari, Chrome, and Opera from the web Fx, Op, Safari, Chromeはそのままで同時に起動できますが、IE 6/7/8rc1の異なるバージョンをOSに依存せずにインストール・起動できるのはブラウザ検証の大きな武器になります。 IE 6/7/8rc1でAcid 2のテストを表示してみたところ、レンダリングはそれぞれのバージョンのものになっていました。

FireMobileSimulator :: Firefox Add-ons Firefoxでモバイルサイトの動作確認「FireMobileSimulator」 ・[全キャリア]UID送信 ・[DoCoMo]UTN送信 ・[DoCoMo]iモードID送信 ・[全キャリア]絵文字表示 ただしキャリアによって絵文字の書き方は何種類かあり、8月16日現在当アドオンが対応しているのは、以下の書き方です。 -DoCoMoのUnicode16進数値参照(例：$#xE70C;) -DoCoMoのSJISバイナリ -SoftBankのWebコード（ESC $ + SJISコード + SI の記載方法） -Auのimgタグ方式 ・[SoftBank]端末製造番号送信 ・[全キャリア]User-Agent偽装 ・[全キャリア]各種HTTPリクエストヘッダのシミュレート 端末の追加・編集・削除機能 ・Conte

Pixel Perfectは、ウェブサイトのデザインをピクセル単位でしっかり確認できるFirefoxのアドオンです。 Pixel Perfect Pixel Perfectは指定した画像をFirefox上に重ねて表示することができ、画像のポジションや不透明度を変更しながら、ウェブサイトのデザインを確認することができます。 画像を重ねて表示させるには、「Add overlay」をクリックして画像を登録します。

Search Engine Journalのエントリーから、ページの構造を把握したり、コードを確認するのに便利な7つのFirefoxの機能拡張を紹介します。 注意書きが無いものは、Fx3で動作します。 7 FireFox Extensions to Explore Page Source Code

Rainbow for Firebug :: Firefox Add-ons FireBugのJavaScriptをハイライト表示する拡張「Rainbow」 次のように、FireBugの色分けをしてくれる。 プレーンテキストで読みづらいなぁ、と思っていましたが、こういうエクステンションがあったんですね。 関連エントリ PHPのログをFirebugのコンソールへ出力する例 IEでのデバッグ/動作確認に便利なソフトいろいろ Firebug1.1betaバージョンが公開

ブラウザの履歴をビジュアライズしたい。 そんなときにおすすめなのが、『WebMynd』。ブラウザの履歴をサムネイルにしてくれるFirefoxアドオンだ。 表示方法は横にスクロールする方法とグリッドタイプがあり、シンプルでとても使いやすいのが特徴だ。 『WebMynd』のサイト自体とてもかっこいいからぜひ見てもらいたい。3つのリンクをクリックすることでメインビジュアルがすっとスクロールして切り替わる。 ブラウザの履歴をサムネイルにしてくれるFirefoxアドオン、チェックしてぜひ使ってみてはいかがだろうか。 さっきバイクで表参道まで行ってきた。が、結構長蛇の列。10時の時点で原宿駅の歩道橋のあたりまで並んでいた。 今日のsoftbank表参道店は、iPhone 8G ブラックのみの販売のようで、10時の時点の最後尾ではおそらく買えるとのことだった。 iPhone 16G ホワイトがほしーから

FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」 2008年07月09日- Home - Pencil Project FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」。 Pencil Projectを使えば、予め用意されているGUI部品をキャンバスにドラッグ＆ドロップしてプロトタイプの画面イメージを作成することができます。 ボタンなんかも、ダブルクリックでキャプションを変えることができたり、VisualBasic、VisualC++などのアプリを使って画面デザインをしているイメージに近い操作感が実現できています。 アプリっぽい画面を作ってみましたが、超簡単です。 GUIのスタンドアロンアプリだけでなく、Webサイトにも使うことが出来ます。 HTMLを使って簡単に画面を作

Web Firefox3に入れておきたいアドオン30選『30+ Must-Have Updated Firefox 3 Extensions』 Firefox3にアップデートして便利なアドオンを入れておきたい。 そんなあなたにおすすめなのが、『30+ Must-Have Updated Firefox 3 Extensions』。Firefox3に入れておきたいアドオン30選だ。 以下にいくつかご紹介。 » Flagfox Webサイトのサーバがどの国にあるかを教えてくれる » MeasureIt ページのdivなどのwidth、hightをはかれるメジャー » QuickRestart Firefoxの再起動を高速化 » Reload Every 一定時間ごとにタブをリロードしてくれる。Twitterなどに便利 » WebMail Notifier Hotmail、Gmail、Yahoo

An online prison wrought with the thoughts, designs and deliberations of Henry J. Hoffman Web Design Blog Hi I'm Henry, web designer, blogger and student. If you like web design you'll hopefully find an article that interests you. Read more… How to Design the Firefox Logo in Photoshop This tutorial will go through how you can create the Firefox logo in a scalable Photoshop format. The World

Web Firefoxのタブを使いやすくするアドオン7選『Too Many Tabs? Firefox Add-ons to manage a TAB JAM』 Firefoxのタブが使いづらい。 そんなあなたにおすすめなのが、『Too Many Tabs? Firefox Add-ons to manage a TAB JAM』。Firefoxのタブを使いやすくするアドオン7選だ。 以下にご紹介。 » Vertigo ブラウザの左側にタブを移動し、垂直に並べる » ColorfulTabs タブを色分けして表示してくれる » Tab Scope タブをマウスオーバするとコンテンツをプレビューできる » Tab Mix Plus タブの機能拡張。タブを複数行にするなど便利な機能がある » Faviconize Tab タブをアイコンサイズにしてくれる » PermaTabs 自分で選んだタ

You the Designerのエントリーから、デザイナーのための便利なFirefoxのエクステンションを10+アルファ、紹介します。 10 Best Firefox Addons for Designers

Web 開発者なら入れておきたいFirefoxエクステンション5選『5 Firefox Extensions Any Web Developer Must Have』 Web制作に便利なFirefoxアドオンを探している。 そんなあなたにおすすめなのが、『5 Firefox Extensions Any Web Developer Must Have』。開発者なら入れておきたいFirefoxエクステンション5選だ。 以下にご紹介。 » CSSMate CSSを編集できるアドオン » FireShot Webページのスクリーンショットが撮れるアドオン » Web Developer CSSを無効化したり画像を一覧表示したり、とても便利なアドオン » SeoQuake 様々なSEOのパラメータがチェックできるアドオン » ViewSourceWith ソースを見るだけでなくソースにある画像やC

検索エンジンでワードの順位が知りたい。 そんなあなたにおすすめなのが、『rank checker』。Google、Yahoo、MSNでの順位がわかるFirefoxアドオンだ。 『rank checker』では、ドメインとキーワードを指定することで、検索エンジン上で何位にいるかを示してくれる。 Firefoxアドオンとして動作するから便利ではないだろうか。 Google、Yahoo、MSNでの順位がわかるFirefoxアドオン、チェックしてぜひ使ってみていただきたい。 会社のPCがMacProなのにどうも動きが遅いなー、AIrの方が速いくらいだぞと思っていたらブラウザが遅いだけで、前に読んだことのあるFirebugが原因かと思って無効化したらめちゃくちゃ速くなりましたw。かなり快適。もし遅い方がいたら無効化してみてください。

SEOに便利なFirefoxエクステンション色々 SEO用のエクステンションもいろいろあるようですね。 SeoQuake :: Firefox Add-ons SEOに便利なFirefoxエクステンション「SeoQuake」。 インストールすると、Googleのページランク、リンク数、関連リンク、Yahooのリンク数、関連リンク数などの情報が得られます。 SEO for Firefox Ｇｏｏｇｌｅの検索結果にページランクなどのSEO情報を表示。 その他便利な機能いろいろ RankQuest SEO Toolbar ３０以上のSEOツールに簡単アクセス Live PageRank ページランクをステータスバーに表示 Alexa Sparky Ａｌｅｘａ情報をステータスバーに表示 SEOHAND ページランク、バックリンクなどを元にグラフを作成 実に様々な拡張がありますね。IEもこんな感じに