異なるバージョンのFirefoxでCSSを有効・無効にするハック集:phpspot開発日誌
異なるバージョンの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 以降のバー
IE6/7/8, Fx, Op, Safari, Chromeを同時に起動できる -Xenocode Browser
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のテストを表示してみたところ、レンダリングはそれぞれのバージョンのものになっていました。
Browser Speed Tests: The Compiled, Up-to-Date Results
Browser Speed Tests: The Compiled, Up-to-Date Results Click to viewBack when Firefox 3's final release candidate dropped, we ran some tests to compare its page-loading, memory use, and technical timing to Internet Explorer 7, Opera, and Safari for Windows. Then Google Chrome arrived, so we pitted it against the betas for Firefox 3.1 and Internet Explorer 8, and shared the results. The tests were b
Firefoxでモバイルサイトの動作確認「FireMobileSimulator」:phpspot開発日誌
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
サイトのデザインをしっかり確認できるFirefoxのアドオン -Pixel Perfect
Pixel Perfectは、ウェブサイトのデザインをピクセル単位でしっかり確認できるFirefoxのアドオンです。 Pixel Perfect Pixel Perfectは指定した画像をFirefox上に重ねて表示することができ、画像のポジションや不透明度を変更しながら、ウェブサイトのデザインを確認することができます。 画像を重ねて表示させるには、「Add overlay」をクリックして画像を登録します。
ページの構造やコードを確認するのに便利なFirefoxの機能拡張
Search Engine Journalのエントリーから、ページの構造を把握したり、コードを確認するのに便利な7つのFirefoxの機能拡張を紹介します。 注意書きが無いものは、Fx3で動作します。 7 FireFox Extensions to Explore Page Source Code
FireBugのJavaScriptをハイライト表示する拡張「Rainbow」:phpspot開発日誌
Rainbow for Firebug :: Firefox Add-ons FireBugのJavaScriptをハイライト表示する拡張「Rainbow」 次のように、FireBugの色分けをしてくれる。 プレーンテキストで読みづらいなぁ、と思っていましたが、こういうエクステンションがあったんですね。 関連エントリ PHPのログをFirebugのコンソールへ出力する例 IEでのデバッグ/動作確認に便利なソフトいろいろ Firebug1.1betaバージョンが公開
70+ Nice and Beautiful Firefox Wallpapers
Pattern Desktop Wallpapers (4K) Some people like animals on their desktop, others prefer to show off their love for their favorite character... Read more #1 Available sizes: 1366×768, 1440×900, 1600×900, 1920×1200, 2880×1800, 3840×2160 Mobile sizes: Yes #2 Available sizes: 1366×768, 1440×900, 1600×900, 1920×1080, 1920×1200, 3840×2160 Mobile sizes: Yes #3 Available sizes: 1366×768, 1440×900, 1600×9
ブラウザの履歴をサムネイルにしてくれるFirefoxアドオン『WebMynd』 – creamu
ブラウザの履歴をビジュアライズしたい。 そんなときにおすすめなのが、『WebMynd』。ブラウザの履歴をサムネイルにしてくれるFirefoxアドオンだ。 表示方法は横にスクロールする方法とグリッドタイプがあり、シンプルでとても使いやすいのが特徴だ。 『WebMynd』のサイト自体とてもかっこいいからぜひ見てもらいたい。3つのリンクをクリックすることでメインビジュアルがすっとスクロールして切り替わる。 ブラウザの履歴をサムネイルにしてくれるFirefoxアドオン、チェックしてぜひ使ってみてはいかがだろうか。 さっきバイクで表参道まで行ってきた。が、結構長蛇の列。10時の時点で原宿駅の歩道橋のあたりまで並んでいた。 今日のsoftbank表参道店は、iPhone 8G ブラックのみの販売のようで、10時の時点の最後尾ではおそらく買えるとのことだった。 iPhone 16G ホワイトがほしーから
ウェブ制作にかかせないFirebugの機能を更に強化する機能拡張集 | コリス
Sofrware is hardのエントリーから、豊富な開発ツールを備えたFirefoxのアドオン「Firebug」の機能を強化する機能拡張を紹介します。 List of Firebug Extensions Firebug HTML, CSS, JavaScriptなどを編集・デバッグ・モニタリングできる開発ツール。 以下の全ての機能拡張は、Firebug上で動作します。 Firebug Firebug -Firefox Add-ons YSlow ページの分析、パフォーマンスレポート、HTTP/HTMLサマリー、コンポーネントのリスト YSlow YSlow -Firefox Add-ons Firecookie クッキーの管理 Firecookie Firecookie -Firefox Add-ons FirePHP PHPのデバッグ FirePHP FirePHP -Firefo
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」:phpspot開発日誌
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」 2008年07月09日- Home - Pencil Project FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」。 Pencil Projectを使えば、予め用意されているGUI部品をキャンバスにドラッグ＆ドロップしてプロトタイプの画面イメージを作成することができます。 ボタンなんかも、ダブルクリックでキャプションを変えることができたり、VisualBasic、VisualC++などのアプリを使って画面デザインをしているイメージに近い操作感が実現できています。 アプリっぽい画面を作ってみましたが、超簡単です。 GUIのスタンドアロンアプリだけでなく、Webサイトにも使うことが出来ます。 HTMLを使って簡単に画面を作
Firefox3に入れておきたいアドオン30選『30+ Must-Have Updated Firefox 3 Extensions』 – creamu
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
How to Design the Firefox Logo in Photoshop
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
「それ、Firefox3でも出来るよ？」とOpera信者に言い放つためのアドオン26個 - TERRAZINE
Firefox3がリリースされた。白状するが、Firefox2までは「こんなクソ遅いブラウザ使うとか、どんな罰ゲームだよ。m9（＾Д＾）ﾌﾟｷﾞｬｰ」と思っていた。ところが今度の奴は、前バージョンとは比べ物にならない位良くなっている。 特にメモリー消費に関しては大幅に改善されている。以前はタブを30枚も開くと使い物にならなかったが、100枚開いてもサクサク動き、Operaと真っ向勝負できるまでに改良されている。もう「Firefoxの○○を劇的に××する方法」なんていうGIGAZINEあたりのトンデモメソッドなんて必要ない。 しかし、そのままでは何も出来ないのは相変わらずで、Operaと同等の機能を実現するには多くのアドオンを入れなければならない。 今回は筋金入りのOperaユーザーでもFirefox3を使えるようにするアドオンを探し、手加減無し*1で使ってみた。 注意 新バージョンがリリー
ウェブデザイナーのための16のFirefoxのアドオン | コリス
Mashableのエントリーから、ウェブ制作に役立つ、16のFirefoxのアドオンを紹介します。 Another 16 Firefox Add-ons For Web Designers Font Finder テキストに指定されているスタイルシートを表示します。 Link Evaluator ページのリンクをチェックします。 LiveHTTPHeaders ヘッダ情報を表示します。 OperaView Operaでのレンダリング確認用に。 Pagediff 別々の2ページの差分をチェックします。 Python Sidebar for Mozilla サイドバーにPythonのリファレンスを表示します。 RankQuest SEO関連の各種情報を表示するツールバー。 SEOforFriefox GoogleやYahoo!の検索結果ページに、SEO関連の情報を表示します。 SEOQuake
Firefoxのタブを使いやすくするアドオン7選『Too Many Tabs? Firefox Add-ons to manage a TAB JAM』 – creamu
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 自分で選んだタ
デザイナーのための便利なFirefoxのエクステンション10+α | コリス
You the Designerのエントリーから、デザイナーのための便利なFirefoxのエクステンションを10+アルファ、紹介します。 10 Best Firefox Addons for Designers
開発者なら入れておきたいFirefoxエクステンション5選『5 Firefox Extensions Any Web Developer Must Have』 – creamu
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
Google、Yahoo、MSNでの順位がわかるFirefoxアドオン『rank checker』 – creamu
検索エンジンでワードの順位が知りたい。 そんなあなたにおすすめなのが、『rank checker』。Google、Yahoo、MSNでの順位がわかるFirefoxアドオンだ。 『rank checker』では、ドメインとキーワードを指定することで、検索エンジン上で何位にいるかを示してくれる。 Firefoxアドオンとして動作するから便利ではないだろうか。 Google、Yahoo、MSNでの順位がわかるFirefoxアドオン、チェックしてぜひ使ってみていただきたい。 会社のPCがMacProなのにどうも動きが遅いなー、AIrの方が速いくらいだぞと思っていたらブラウザが遅いだけで、前に読んだことのあるFirebugが原因かと思って無効化したらめちゃくちゃ速くなりましたw。かなり快適。もし遅い方がいたら無効化してみてください。
SEOに便利なFirefoxエクステンション色々:phpspot開発日誌
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もこんな感じに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
