Snipplr - Snippet Not FoundOops! We can't find that snippet. The snippet you're looking for has either been deleted by its owner or it never existed to begin with.
Web開発者に便利。WebサイトのCSSプロパティが簡単に分かる·CSSViewer MOONGIFT
デザインが苦手な人にとって（筆者をはじめ）、CSSによるデザインに問題がある際に何が問題なのかを把握するのがまず難関だ。別な場所で設定した内容が関連している場合もあるだろうし、IDで指定しているのか、はたまたClassで複数指定している場合もあったりするとさらにややこしい。 CSSで困った時に役立つFirefoxアドオン そこで、現在表示されている内容がCSSではどのような設定になっているのか、それを理解する所からはじめよう。使うのはCSSViewerだ。 今回紹介するフリーウェアはCSSViewer、CSSプロパティの一覧を作成するFirefoxアドオンだ。 CSSViewerをインストールするとツールメニューにCSSViewerという項目が追加される。これを選択するとマウスが乗っている項目のCSS設定値がフローティングウィンドウ上に表示される。 指定した場所に赤い点線が引かれる 項目は
Mozilla Re-Mix: あとで読みたいURLをサイドバーにストックできるFirefoxアドオン「Bookstack」
Webページには、ブックマークするほどではないページや、じっくり読んでからブックマークするかどうか決めたいページなど、あとで読みたいページというのは結構あるものです。 Firefoxには、そうしたページをストックするための「あとで読む」系ツールがいくつかあります。 今回使ってみた「Bookstack」もそんなあとで読む系ツールの一つで、ページ（URL）をサイドバーにブックマーク感覚でストックできる便利なアドオンです。 「Bookstack」をインストールした後、サイドバーを「Bookstack」に切り替えると、あとで読みたいURLをストックするバーが開きます。 現在表示中のページ上で右クリックし、メニューから[積読にこのページを追加]を選択するか、タブをサイドバーへドラッグ＆ドロップすれば、ブックマークのようにページが追加されるようになっています。 ＊ブックマークフォルダには、専用の[積読
Web制作に超便利！無料のプロトタイプ作成ツール
本格的なWebデザインに取り掛かる前に作るプロトタイプ。特に受託サイトの制作やチームで制作する場合にはある程度きっちり作っておきたいものだが、「なかなかちょうどいい作成ツールがない」という人も少なくないのではないだろうか。 FireworksやillustratorからVisio、PowerPointまで、プロトタイプの制作に使えるツールはいろいろあるが、今回は無償で使える便利な専用ツールを紹介しよう。それが、オープンソースの「Pencil」だ。Firefox 3のプラグインとして動作するものだが、実際の使い勝手としては独立したアプリケーションのように動く。 使い方は簡単だ。インストールが済むと、Firefoxの[ツール]に[Pencil Sketching]という項目が追加される。Pencilの起動はここをクリックしよう。 プロトタイプを作るための基本操作は、左側に並んでいるGUI部品を
Mozilla Re-Mix: Firefoxで[ページのソース]を任意のエディタで開くようにする方法。
Firefoxを使っていて、ページのソースを参照する場面というのは意外とあるもので、こうして開いたソースは最終的にエディタやHTMLツールで編集することが多いものです。 こうした場合、ソースをFirefoxで開いて必要部分をコピー→任意のエディタの編集画面などに貼り付けて編集・・という手順になりますが、最初から任意のエディタで直接開くことができるようになればもっと便利ですね。 通常、メニューバーの表示→[ページのソース]を実行すると、以下のような別ウィンドウでソースが表示されます。 しかし、この画面では選択やコピー、印刷などしかできず、編集は行うことができません。 これをいつも愛用しているエディタなどで直接開いて編集できるようにしてみましょう。 ＜設定変更方法＞ ■機能の有効化 １．ロケーションバーに[about:config]と入力。 ２．[フィルタ]欄に[view_source.edi
Mozilla Re-Mix: PDFファイルをオンラインツールで開いて編集することができるFirefoxアドオン「PDFescape Extension」
Firefoxで検索などを行った場合、PDFファイルが含まれていることがよくありますが、こうしたリンクをクリックすると、通常はタブでAdobe readerが開き、内容を参照することになります。 この場合単に参照・保存などができる程度で、編集作業などは行うことができません。 そんなWeb上のPDFファイルが編集できれば・・・と思っていらっしゃる方は、Firefoxに「PDFescape Extension」というアドオンをインストールしておけば、資料作成時などに少しは便利になるかもしれません。 「PDFescape Extension」をインストールすると、以下のようなボタンがツールバーに追加されます。 ○無効時 ○有効時 このボタンをクリックして、有効にした状態で、Webサイト上にあるPDFファイルへのリンクをクリックすると、いつものように開くのではなく、専用のビューアサービスを利用して
Mozilla Re-Mix: Firefoxのユーザーインターフェースを[Stylish]でクールにカスタマイズする10個のユーザースタイル。
Firefoxは、設定ファイルである[UserChrome.css]に様々なコードを記述することによって、インターフェースを自分好みにカスタマイズすることができます。 それをもっと簡単に実行・管理する方法として、[Stylish]というアドオンをインストールした上で、スタイル（コード）を追加するという方法があります。 今回は、管理者が追加している中から、Firefoxのインターフェースを”微妙”にカスタマイズすることができるスタイルを5点ご紹介します。 ＜ユーザースタイルのロード方法＞ FirefoxにStylishをインストールしている環境で、下記の各スタイルリンクをクリックして配布ページを表示します。 ページ内にある[load into the Stylish]というボタンをクリックすれば、スクリプトのインストールウインドウが開きますので、[保存]ボタンをクリックすればインストールされ
Webデザイナーなら知っておきたいFirefoxアドオン | CREAMU
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×
| ＾＾ |秒刊SUNDAY | Firefoxで『感動した！』ってアドオン１５個
2008年09月17日 Firefoxで『感動した！』ってアドオン１５個 WEBの仕事をしていると、様々なアプリを駆使して作業をこなすという事が多いのですが、わざわざアプリを立ち上げなくてもよい、Firefoxのアドオンがこれだ。 ◆IE Tab ■IE Tab :: Firefox Add-ons もはやIEは確認用でしかない！IEをFirefoxで確認するアドオン ◆Style Sheet Chooser II ■Style Sheet Chooser II :: Firefox Add-ons スタイルシートを切り替える場合に使える。 ◆CSSViewer ■CSSViewer :: Firefox Add-ons マウスオーバで指定した箇所のCSSのパラメータを確認できる。 ◆CSS validator ■CSS validator CSSのW3Cチェック。すんごい厳しいコーディ
Mozilla Re-Mix: Firefoxのタブ一覧を5種のスタイルでグラフィカルに表示するアドオン「FoxTab」
次期Firefoxであるバージョン3.1には、Ctrl+Tabでタブをサムネイル化し、切り替えるこｔが出来る機能が付与されるようですが、現行では、こうした切り替え方法を実現するには、アドオンの力を借りなくてはなりません。 すでに、そうしたアドオンはいくつかリリースされていますが、今回リリースされた「FoxTab」は、その中でも一歩進んだタブのグラフィカル表示ができるクールなアドオンです。 「FoxTab」をインストールしたら、とりあえず何も考えずにCtrl＋Tabキーを押してみましょう。 現在開いているタブ一覧が、以下のようにサムネイルでVista 3Dのように立体表示されます。 ＊その他の起動方法として、右クリックメニューから「FoxTab」の選択、ツールバーボタン のクリックなどがあります。 ■Stack モード 画面内の、▼や▲をクリックして送ることができ、開きたいタブを前面に持っ
Firefoxでモバイル端末をシミュレートする独自アドオン「FireMobileSimulator」を公開します - 遙かへのスピードランナー
★重要★2008/11/15追加：公式サイトFireMobileSimulator.org開設にともない、この記事の更新はストップします。今後のアップデート情報は公式サイトで行いますのでよろしくお願いします。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリアの提供するシミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法は、それぞれに不足している機能があったり、またITに詳しくない人とかだと導入段階でつまづいてしまったりします。 そこで、もっと簡単にモバイルサイトをPCで見るために便利なツールを作成しました。 Firefoxを簡単に携帯シミュレータにできるアドオンです。モバイル端末のHTTPリクエストや絵文字表示をシミュレートすることができます。３ヶ月
サイトのデザインをしっかり確認できるFirefoxのアドオン -Pixel Perfect
Pixel Perfectは、ウェブサイトのデザインをピクセル単位でしっかり確認できるFirefoxのアドオンです。 Pixel Perfect Pixel Perfectは指定した画像をFirefox上に重ねて表示することができ、画像のポジションや不透明度を変更しながら、ウェブサイトのデザインを確認することができます。 画像を重ねて表示させるには、「Add overlay」をクリックして画像を登録します。
Mozilla Re-Mix: Firefoxに記録してあるID・パスワードを管理できるローカルソフトウェア「PasswordFox」
Firefoxのようなブラウザには様々な情報を保存することができますが、その中でも重要なものの一つがログインIDとパスワードのセットです。 こうした情報はFirefoxはがしっかりと記憶してくれるので、安心しがちですが、万一記録した情報を失うようなことになった場合、全てを思い出すのは至難の業です。 また、ログインに記録してあるユーザーIDは見えますが、パスワードは****ですので、他のPCやブラウザで同じサイトにログインしようと思ったらパスワードがわからなくなったというのもよくあることです。 こうした場面を少しでも減らすことができるようになるパスーワード管理ソフトウェアが「PasswordFox」です。 「PasswordFox」は、Firefoxに記録してあるサイトごとのユーザーID・パスワード一覧をすぐに参照することができるツールで、情報の閲覧、保存などを簡単に行うことができるソフトウ
Firefoxの印刷と闘う その2 | Takazudo Clipping*
このブログのアクセス解析を見ると、キーワード「firefox 印刷」で検索してこのエントリに飛んでくる人がかなりいます。やっぱりみんな困っているんだなぁと。Firefoxの印刷はかなりやっかいで、完全FIXは無理かもしれないという結論に自分の中でも解決していたのですが、最近この方法をやっていて、普通に印刷できてます。 display:tableで印刷対応 まずは、普通にfloat:left left leftで左に詰めたレイアウト。 floatによる3カラムレイアウトのサンプル（印刷対応無） <div id="all"> <div id="header">header</div> <div id="body"> <div id="localNav">localNav</div> <div id="main">main</div> <div id="relatedNav">relatedNa
モバイルサイトをPCで見るためのツールやFirefoxアドオン : LINE Corporation ディレクターブログ
こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得することができるからです。 そこで今回はモバイルサイトを PC で閲覧する方法についてまとめながら、開発を進めるのに便利なツールや Firefox のアドオンを紹介できればいいなと思います。 Web サーバは一般的に2つの方法でアクセスがモバイルからかどうかを判定します。1つはアクセス元のIP、そしてもう1つは HTTP ヘッダ中にある User-Agent です。そのため、携帯キャリアのゲートウェイ経由からのアクセスのみ閲覧を認めるサイト(つ
Mozilla Re-Mix: 表示サイトをIE5.5〜IE8BetaでレンダリングテストできるFirefoxアドオン「IE NetRenderer」
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
ウェブ制作にかかせない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
Mozilla Re-Mix: ページ上の英単語を発音させることができるFirefoxアドオン「Pronounce」（3.0対応）
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
画像をまとめて保存するFirefoxアドオン：Hatena::Diary::Ubuntu
明るいテーマでダークな火狐に | ライフハッカー・ジャパン
