タグ

firefoxに関するsanpo7のブックマーク (54)

  • まだ発売されていないモバイルOS『Firefox OS』をブラウザ上で起動しよう! GaGaGadget

    Firefoxブラウザさえあれば誰でも起動出来ますよ~。 KDDIの田中社長が、『Firefox OS』を搭載するスマートフォンを同社のラインナップに検討していると発言して話題となりましたが、まだ世に出回っていない『Firefox OS』をいち早く試せる「Firefox OS Simulator」というFirefoxブラウザ用のアドオンが登場していますよ! 実際にどんなOSか気になっていたので早速インストールしてみました。▼

  • Firebugの意外と知られていない機能紹介(プログラマ向け) - KAYAC engineers' blog

    羊毛布団を洗濯機にかけられないことを知りました。ago(@kyo_ago)です。 意外と知られていない機能が多い!?Firebugの使い方を見て、プログラマ向けも欲しくなったので書いてみました。 1. ショートカット一覧 以下のページでFirebugのショートカット一覧が公開されています。 http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts 取り合えず以下の二つだけでも覚えておくと効率的かもしれません。 F12でFirebugの有効、無効の切り替え 広いコマンドラインモード時にCtrl+Enterでコードを実行 また、以下のメニューからショートカットの変更も行えるので、他の拡張等とショートカットがかぶった場合でも別のキーで使用することが出来ます。 2. Firefox体のツールバーに「要素を調査」ボタン Fi

    Firebugの意外と知られていない機能紹介(プログラマ向け) - KAYAC engineers' blog
  • Firebugの使い方 | THE HAM MEDIA

    Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会(SaCSS)にて発覚!使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ!」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない!という人も勉強会の時に多かったように、実際にも多いはず! Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ!と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認

    Firebugの使い方 | THE HAM MEDIA
  • 長期間の使用で重くなったFirefoxを一瞬で軽くする方法

    1.Firefoxのデータが保存されているディレクトリを開く(たとえばWindows7なら、下記ディレクトリ)。 C:\Users\ユーザー名\AppData\Roaming\Mozilla\Firefox\Profiles\適当な文字列.default 2.そして、以下のsqliteファイルを削除する(削除が怖いならリネームや他の場所に移動させておくと良い)。 places.sqlite おしまい。 長期間Firefoxを使っていると、キャッシュがたまってどんどん遅くなってきてしまいます(これはFirefoxの仕様です)。特にplaces.sqliteファイルはどんどん肥大化していき、数MB〜数十MBまで膨れあがっていきます。こうなってしまうと、インストール初期の頃に比べて、Firefoxのパフォーマンスは相当落ちています。そこで、places.sqliteファイルを削除し、すっきりクリ

    長期間の使用で重くなったFirefoxを一瞬で軽くする方法
  • 【ハウツー】Webデバッガに新星登場!? 操作を記録し、イベント/DOMを一発解析 - FireCrystal (1) FireCrystalとは | エンタープライズ | マイコミジャーナル

    複雑な機能をいくつも実装したWebアプリケーションのデバッグはツールなしでは一苦労だ。Ajax処理やこまかいイベント制御・DOM操作をおこなっている箇所でバグを出してしまった日には、解析だけで大変な時間を割かなければならない。 そんなときは、FireCrystalを使えば解決するかもしれない。ユーザの操作を記録し「どのタイミングで」「なにがおこなわれているか」を一発で表示してくれる便利なアドオンだ。 稿では、そのFireCrystalについて紹介しよう。 FireCrystalとは Stephen Oney氏は8月21日(米国時間)、Firefox上で動作するアドオン「FireCrystal」をリリースした。FireCrystalはThe MIT Licenseのもとで公開されている、Webデザイナ・デベロッパ向けのデバッガ。Webページ上でユーザの操作を記録し、内部でどのようなイベント

  • Firefoxで閲覧中のWebページ全体を手軽に画像キャプチャー「Screenshot Pimp」NOT SUPPORTED

  • 重いFirefoxをなんとかして速くしたい | バシャログ。

    その強力なアドオンで、とっても便利なFirefoxですが、毎日使っているとドンドン動きが重くなっていってしまいます。 うーん、どうにか軽くならないものかと色々やってみました。 起動を速くしたい まずはとにかく時間のかかる起動をなんとかしたいと思います。 Firefoxはブックマークやら履歴やらクッキーやらをSQLite DBで管理しています。 毎日使っていくうちにDBは大きくなり、起動や動作が重くなっていくとのこと。 そこでSQLite Optimizerというアドオンを使って、DBの最適化をしてしまいます。 手順は以下の通り。 1. SQLite Optimizerをインストール。 2. アドオンの管理画面でSQLite Optimizerの環境設定画面を開きます。 3. 『Firefox終了時にsqliteデータベースのREINDEXを実行する』にチェックを入れます。 以後、Firef

    重いFirefoxをなんとかして速くしたい | バシャログ。
  • Firebug の使い方:(X)HTML と CSS の確認・修正方法のまとめ

    Firefox アドオンの「Firefbug」はご存知の方も多いと思いますが、Firefbug を使って表示しているページの(X)HTMLマークアップや CSS を確認・修正する方法のまとめを紹介します。 特に3項に記した、(X)HTMLCSSを一発で確認する方法はおすすめです。 動作は Firefox 3.5 + Firebug 1.4.0b7 で確認しています。 1.基:(X)HTML マークアップと CSS を表示する 確認したいページを表示した状態で、メニューバーの「表示」→「Firebug」を選択します。または F12 を押下します。 これでページ下半分に Firebug のウィンドウが表示され、左側に(X)HTMLマークアップ、右側にそのページで使われている左側のウィンドウで選択状態になっている要素の CSS が表示されます。この手順で Firebug の画面を開くと、bo

    Firebug の使い方:(X)HTML と CSS の確認・修正方法のまとめ
  • 最速で辞書が引けるアドオン「FireDictionary」が便利すぎる | ライフハッカー・ジャパン

    Firefoxのみ:このアドオン「FireDictionary」は、英語サイトのナナメ読みに最適です。なぜならマウスオーバーだけで英単語の和訳をサイドバーにリアルタイム表示してくれるからです。 便利な辞書サイトはたくさんありますけど、いちいち「単語をコピー」→「辞書サイトのタブへ」→「単語をペースト」→「ふむふむと意味を知る」→「英語サイトのタブに戻る」という工程って、けっこう煩わしいんですよね......。でも「FireDictionary」では、英文の上をマウスでざざーっとなぞっていくだけでサイドバーにパッパパッパと訳語が登場します。快速! このアドオンは、アドオン自体とは別に無料の辞書コンテンツ「英和辞典 GENE95」をインストールする必要があります。パソコン上に辞書がインストールされているから、リアルタイムに高速で辞書検索ができるというわけです。辞書コンテンツは、お好みのものを追

    最速で辞書が引けるアドオン「FireDictionary」が便利すぎる | ライフハッカー・ジャパン
  • jQueryを使った開発に便利!Firebug + jQuery·FireQuery MOONGIFT

    Firefoxを使ってWebシステムを開発する際には必須とも言えるFirebug。そして人気の高いJavaScriptライブラリのjQuery。この二つが組み合わさったとき、これまで以上の魅力が感じられるようになる。 マウスを当てるとそのエレメントがハイライト表示される そう確信できるのがFireQueryを使った瞬間だ。この二つの融合は、JavaScriptの開発をバーストしてくれるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはFireQuery、Firebugと連携するjQuery開発補助アドオンだ。 FireQueryはconsole.logに吐き出した内容を元に、画面上のエレメントをハイライトしてくれる。例えばconsole.log($('p'));と出せば、コンソールに出力された jQuery(p)という表示にマウスを当てると、該当部分がハイライト表示になる。ど

    jQueryを使った開発に便利!Firebug + jQuery·FireQuery MOONGIFT
  • TechCrunch | Startup and Technology News

    Welcome back to TechCrunch’s Week in Review — TechCrunch’s newsletter recapping the week’s biggest news. Want it in your inbox every Saturday? Sign up here. Over the past eight years,…

    TechCrunch | Startup and Technology News
  • firefox 3が遅くなった→ SQLite reindexで解決&高速化 - しおそると

    Firefox 3を使っていて、起動が異様に遅くなっていて困っていました。 今回、どうやら解決した模様なので備忘録までに記載します。 Firefox 3にバージョンアップしてから、メインで利用しているPCで Firefox の起動が遅くて仕方がない、ipv6検索を無効にするとか試してみたけどもかわず、という状態でした。 だいたい同じAdd-onを 他のPCにも入れて利用していますが、そちらははそう遅くはないので、プロファイル系かあ、までは切り分けしてそのまま利用しておりました。 プロファイル再作成、面倒ですしね。 で、ふと思い立って Firefox 3 で利用している、SQLite データ群をかたっぱしから Reindex したら、 昔のスピードが再現しました。はやい! 改善:2つ 1)起動が速くなった(起動に1-2分かかる→すぐ起動。劇的に改善。) 2)サイト表示もはやい。 cookie

  • ASCII.jp:絶対入れたいFirefoxアドオン最強50選

    初心者から上級者まで、今使うべきアドオン50を徹底紹介 次世代ブラウザー、Firefoxの魅力は快適な動作速度(関連記事)だけではなく、ユーザーの好みに合わせて機能を拡張できる「アドオン」の存在だ。とはいえ5000以上もあふれるアドオンの海から自分に合ったものを選ぶのは至難のワザ。まずは鉄板の定番アドオンを導入し、そこから自分仕様にカスタマイズしていきたい。 そこで今回は使用シーンに合わせ、筆者が勧める50のアドオンを徹底的に紹介。インストールしたばかりのFirefox初心者はもちろん、Greasemonkey(グリースモンキー、詳しくは後述)を使いこなしている上級者にもぜひ使ってもらいたいものを集めてきた。

    ASCII.jp:絶対入れたいFirefoxアドオン最強50選
  • Screengrab – Get this Extension for 🦊 Firefox (ja)

    Screengrab! saves entire webpages as images. Just right-click on the page you want to grab and look in the "Screengrab" menu. It will capture what you can see in the window, the entire page, just a selection, a particular frame... basically it saves webpages as images - either to a file, or to the clipboard. It can capture any Java or Flash embedded in a page, but to do this it requires Java to be

    Screengrab – Get this Extension for 🦊 Firefox (ja)
  • FirePHPがますます便利になっている件:phpspot開発日誌

    FirePHP - Firebug Extension for AJAX Development FirePHPがますます便利になっている件、ということで、以前に紹介したFirePHPですが、色々と更新されているようなのでご紹介。 アイコンも変わってます まず、どういうことが出来るか、という点です。以前紹介した時とやり方が結構改善されているみたい。 <?php FB::log('Log message'); FB::info('Info message'); FB::warn('Warn message'); FB::error('Error message'); ?> と書くと、以下のように表示されます。 firebugのconsole.logみたいに使えます。 PHPのコード内で、1行でかけるのでなかなか便利そうです。 次のように、オブジェクト指向で書くこともできるみたい <?php

  • はてなブックマーク Firefox 拡張のベータテストを開始します - はてなブックマーク日記 - 機能変更、お知らせなど

    はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。2月26日(月)~3月3日(日)〔2024年3月第1週〕のトップ30です*1。 順位 タイトル 1位 メルカリ 小泉さんからのエグい学び|Shota Horii 2位 行動をチャンク化して「1日に1ターンしか行動できない」から脱却する | Piyopanman 3位 「それって陰謀論じゃないですか?」闇の国家「ディープステート」を信じる著名人一人一人に会ってみたら…どうなった? | 47NEWS 4位 いつか起業したいエンジニアへ #キャリア - Qiita 5位 日人はなぜ「生産性の高い社会」を理解できないふりをし続けるのか 6位 「情報セキュリティの敗北史」が面白すぎる。だめだこれは寝れない、なんだこの死ぬほどワクワクするは→賢者は歴史に学ぶ - Togetter 7位 味付け塩だけ、放置

    はてなブックマーク Firefox 拡張のベータテストを開始します - はてなブックマーク日記 - 機能変更、お知らせなど
  • Mozilla Re-Mix: ケーブルもチューナーも無しで世界中のテレビチャンネルを試聴できるFirefoxアドオン「TV-FOX」

    PCテレビを見ることができるようになってからずいぶん経ちますが、最近では光ファイバーを使ったテレビ放送なども利用できるようになり、ますますPCでのテレビ視聴が充実してきています。 しかし、こうした放送を視聴するには、契約や月額料金などが必要となる上、専門チャンネルなども個別に契約しなければ視聴することができません。 また、光ファイバー経由のサービスを使わず放送を視聴したい場合は、アナログ・地デジチューナーなども必要となります。 こうしたことからテレビ視聴環境の導入を見送っている方も多いと思いますが、Firefoxに「TV-FOX」というアドオンをインストールしておけば、ちょっとしたケーブルテレビで見るような放送ならタダで好きなだけ見ることができるようになります。 「TV-FOX」は、Firefoxに常駐するツールバーから、世界各国の数千チャンネルのテレビ放送を無料で視聴することができると

  • <ul><li>を画像リンクにしたときに Firefox で画像の外まで点線が表示されてしまう|WEB制作(html,css(スタイルシート) )|プログラムメモ

    対応方法:cssファイルに以下を追加 a:focus { -moz-outline-style: none; } 関連情報:http://www.fsiki.com/jet/archives/2006/01/text-indent.html 関係ないけど、テキストリンクの枠線を消すには <a href="#" onfocus="this.blur();">link</a> <a href="#" onFocus="if(this.blur)this.blur()">link</a> でいけるみたい

  • 画像ぶっこ抜き.in

    右クリックでお気に入りに入れてすぐ使えるよ! ← この画像を右クリックでお気に入れて即効使えるよ! こんなイメージです。

  • 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×