Firefoxでbreak-insideは対応していないけど、page-break-insideで同じ効果を得られる(Firefox 56で確認) - Enjoy*Study
CSSのcolumn-countなどを使って段組した場合、要素の途中で折り返しをして欲しくなくて、break-inside: avoid;を指定していました。 break-inside - CSS | MDN Chromeはこれで意図した動きになりましたが、Firefox(確認したのはFirefox 56)ではサポートされておらず、折り返しを禁止することができませんでした。 どうしようかと悩んでいたところ、似たようなプロパティとしてpage-break-insideがあることを知り、試してみたところpage-break-inside: avoid;で同じ結果を得ることができました。 page-break-inside - CSS | MDN
@-moz-document - 徒委記
@-moz-document 書式 例 利用可能なブラウザ 参照 Mozilla / Firefoxでサイト別にCSSスタイルを適用することを可能とする@-moz-documentルールについて。 書式 W3CのMLに投稿された、per-site user stylesheet rulesより。 docrule ::= "@-moz-document" S+ url-list "{" S* ruleset* "}" url-list ::= url-item ( "," S* url-item )* url-item ::= ( "url(" | "url-prefix(" | "domain(" ) URL ")" S* S は空白類。( [ \t\r\n\f]+ ) domain() の場合、括弧内に入るのは、正確にはURLでなくホスト名(ドメイン名)になるようです。 例 以下のような
ボーダーで三角形などを作るときにはtransparentではなくrgba()で
よくCSSのボーダーを使った三角形の作り方が紹介されていますが、あれに使われている透明なボーダーのことで少し。 たとえば、こういうHTMLとCSSで三角形を作るとしましょう。よく見るタイプだと思います。 <div class="test1"></div>.test1 { width: 0; height: 0; border-width: 0 200px 200px 0; border-style: solid; border-color: transparent transparent #eee transparent; }こっちでもいいです。好みで。 .test1 { ... border-color: transparent; border-right-color: #eee; }CSS Triangle 1 見えづらいかもしれませんが、直角三角形になっていますね。 ただし、Fire
「Firefox OS」搭載のスマートフォンのデザインはこんな感じになる。
今後、「Firefox OS」を搭載したスマートフォンが発売されることになりますが、そのFirefox OSのボタンやタブなどがどのようなコンセプトを持って作成され、どのようなものになっているかが分かるスライドがあります。 MozCamp Warsaw: Design Principles Behind Firefox OS UX | Mozilla UX https://blog.mozilla.org/ux/2012/09/mozcamp-warsaw-design-principles-behind-firefox-os-ux/ 基本的なFirefox OS全てのデザインのテーマは以下のようになります。 ○力強く・幾何学的、だけど受け入れやすい感じの形 ○手作りされたようなデザインを伝えるユーザーインターフェース ○小さく・効果的・直感的、そして暖かさを感じるデザイン まず、全てのア
タイトルバーのタブ幅をカスタマイズできるFirefoxアドオン「Custom Tab Width」 | ライフハッカー・ジャパン
Firefox：Firefoxのタブバーは、一定数以上のタブを表示させると、すぐにスクロールモードに切り替わってしまいます。「Custom Tab Width」を使えば、タブ幅の最大値、最小値をカスタマイズでき、一度により多くのタブを表示させることが可能です！ Firefoxでタブを多数開いていると、目的のタブに辿り着くために、タブバーの右手にあるボタンでスクロールしなくてはならないことがよくあります。 Chromeのようにタブをどんどん小さく設定し、タイトルバーにフィットするような方式のほうが理にかなっていると感じる方であれば、Firefoxアドオン、Custom Tab Widthを使ってみるとしっくりくるはずです。 インストールし、設定から「タブ幅の最小値、最大値」を変更しましょう。筆者は、40くらいが最小値として使いやすかったそうです。ちなみに、1にも設定できますが、これを行うとグ
離れたところからでも見やすい、Firefoxの10-foot Displayモード！ | ライフハッカー・ジャパン
Firefox：プレゼン中やソファに座って...など、Firefoxを少し離れたところから見る習慣がある方にオススメのFirefox改良方法があるんです。 CTRL++またはCTRL+マウスホイールスクロールでページを拡大してみることは確かに可能ですが、毎回やるには面倒でもあり、効果的とは言いがたい方法です。しかもアドレスバーやナビゲーションボタンなどは小さいまま。 そこで、Apple Media Centerブログに、Firefoxへ10-footディスプレイモード（３メートルくらい離れたところからFirefoxを快適に見るためのモード）を追加する方法がまとめられているのでその使い方を簡単にご紹介。 userchrome.cssファイルをここからダウンロード。 'userchrome.css'を次のフォルダに保存： ~/Library/Application Support/Firefo
複数のFirefoxプロフィールを作成し、生産性＋セキュリティを向上させる方法 | ライフハッカー・ジャパン
数あるFirefoxの機能の中で、最もパワフルな機能の一つでありながら、あまり多くの人に知られていないのが複数のプロフィールを作成出来る、という機能。ブラウジングプロフィールを複数作成し、うまく使いこなす為の方法をご紹介しちゃいます。 同じFirefoxプロフィールに全てのアドオンをインストールする代わりに、タスクごとにプロフィールを作成し、そのタスクに必要なアドオンのみをそのプロフィールに作成する、というのが根本的な考え方。Firefoxをウェブ用のOSに見立てて考え、それぞれのプロフィールをアプリケーションとして考えます。プロフィールの一つは基本的なウェブブラウジング用として使用、もう一つは文章作成用、もう一つはウェブ開発用、などにそれぞれを設定していきます。米ライフハッカー編集部のライターのほとんどが日々の文章作成業務用、検索用、パーソナルブラウジング用に複数のプロフィールを作成して
Firebug - Web Development Evolved
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
Firefox 新アイコン案 - えむもじら
Firefox 3.5 アイコンデザインを再考 | エンタープライズ | マイコミジャーナルなどで紹介されているとおり、次期 Firefox 3.5 のリリースに向けてアイコンの変更が検討されています（Alex Faaborg - » Creative Brief for the New Firefox Icon、解説）。 以下については従来のデザインを踏襲： 色 全体的な形状と配置（特に頭と前脚） 架空の大陸（特定の地域を表さないように） 変更箇所： 尾の形状 テクスチャ（ソフトなキツネ、光沢のある地球 全体的に細部を単純に これから毎日、案が公開されるそうなので、全部並べてみようと思います。 初期のアイコン（2004年2月）
2009年のFirefoxアドオン番付 | ライフハッカー・ジャパン
先日、Firefox3.5が一つのブラウザとしては世界一のシェアを獲得したニュースをお伝えしましたが、その躍進の一翼を担っているのは豊富なアドオン。「Firefoxのアドオンなくしては生きられない」といっても、案外過言ではない人も多いでしょう。 歳末振り返り記事第4弾は、米lifehacker編集部セレクション・Firefoxアドオン番付19選。種類がありすぎて、業種毎に使われているアドオンに偏りがあると思いますので「な、なぜ、あんなに便利なアドオンが載っていないのだ...！」と感じた方は、ぜひコメントに思いの丈をぶつけてください。 それではアドオン番付は以下からどうぞ。 ■「Firefox 3.7 Mockup Redux 2.5」 β5が登場して、恐らく来年にはRC版、そして正式版がリリースされるであろう3.6を飛び越して、Firefox3.7のテーマ（のモックアップ）を実装できるセッ
さよならFirefox 気づいたらGoogleChromeがデフォルトブラウザだった件|MOBILE POWER 〜読書とかiPhoneとか〜 - livedoor Blog（ブログ）
長年Firefoxを利用してきましたが、とうとう乗り換えの時期がやってきました。 少し前からGoogleChromeも併用していましたが、Firefoxのアドオンへの依存度が高くて移行しきれずにいました。 でもChromeのβ版に関して特に致命的な不具合の情報とかもなく、そろそろいいのでは、と思いβ版のdevバージョンに切り替えて色々とアドオンを設定してみました。私の場合はこれまでFirefoxで実現できていたことの80%くらいはChromeでも実現できました。あとの20%とChromeのスピードを天秤にかけましたが、私の中ではChromeのスピードメリットが残りの20%を上回りました。 ということで晴れてChromeがデフォルトブラウザに。 今回私がFirefoxの機能をChromeに移行したときの作業を備忘録としてメモしておきます。まずはChromeのバージョン変更 Chromeのバー
世界のテレビが無料で楽しめます：「TV-FOX」 | ライフハッカー・ジャパン
「TV-FOX」は、テレビ放送がこんな感じになれば、視聴スタイルが変わっていただろうなぁと思わせるFirefoxのアドオンです。 「TV-FOX」をインストールすると、Firefoxにツールバーが追加されて、世界各国のテレビ放送を無料で視聴できます。視聴は簡単で、ドロップダウンメニューから国別に分けられた放送チャンネルを選択するか、ジャンル別に分けられた放送チャンネルを選択するだけです。 しばらくすると、小さなウインドウが表示されて、テレビ放送が流れ始めます。ジャンル別の中には「MLB USA」なんてのも見られます。好きな人は、涙物ではないでしょうか。 続きは、以下で。 チャンネルは、小さなウインドウ毎に表示されます。 役に立つかは別として、複数のチャンネルを並べて視聴するようなことも可能なので、2画面どころかテレビでは不可能な4画面で視聴することもできます。 TV-FOXで観られる日本の
Firefox と完全にさよならするつもりが、、、ブログ執筆効率化ハックまとめ
私が Firefox から Chrome に乗り換えた７つの理由*二十歳街道まっしぐら このエントリを見ていて、あれ？なぜまだFirefoxも平行して使ってるんだ？と疑問を感じ、あらゆる手を尽くしてGoogle Chrome で同じ環境を作りだそうとトライしてみました。 しかし、、、ちょっと状況が変わってしまいました。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 編集とブラウジングの役割が逆転した実は私、普段からブラウジングをFirefox、ブログの編集や管理のためのページを閲覧するのにGoogle Chrome を使っておりました。 その理由は、Firefoxであれば、アドオンを駆使して他のサイトの評価などを見ながらブラウジングが出来ること。 そして、Google Chromeであれば、自動
Greasemonkey :: Add-ons for Firefox
Allows you to customize the way a web page displays or behaves, by using small bits of JavaScript. You can write your own scripts, too. Check out http://wiki.greasespot.net/ to get started. Many scripts already exist, probably ones to enhance your favorite sites. Find them at http://wiki.greasespot.net/User_Script_Hosting . Having trouble? Please don't post comments here, nobody will see them. If
Firefox の places.sqlite を再起動せずに VACUUM する方法 - えむもじら
Firefox のブックマークと履歴を保存している places.sqlite は、使用しているうちに断片化して未使用領域がファイル全体に広がってしまい、Firefox の性能が悪化してしまうとい問題があります。これに対して SQLite コマンドで直接 sqlite ファイルを VACUUM する手法が紹介されていますが、Speedup Firefox with VACUUM « Oremj’s Blog では Firefox だけで、しかも再起動せずに places.sqlite を VACUUM する手法が紹介されていました。 ツールメニューからエラーコンソールを開く コード欄に次のコードを入力する Components.classes["@mozilla.org/browser/nav-history-service;1"].getService(Components.interf
Command Line Options - MDN
コマンドラインオプションを使用して、Mozilla アプリケーションのさまざまな起動オプションを指定します。例えばプロファイルマネージャーを迂回して、(複数のプロファイルを持っている場合は) 特定のプロファイルを開くために、コマンドライン設定オプションを使用することができます。また、どのコンポーネントをはじめに開くかなど、Mozilla アプリケーションをどのように起動するかも管理できますし、そのコンポーネントが起動したとき何をするかも指定することができます。このページでは、一般的に利用できるオプションや、それらをどのように使うかを解説します。Shift + F2 を押下すると、コマンドラインインターフェイスを開くことができます。 始めに、すべてのオプションに適用される構文規則を説明します。 空白の入っているパラメーターをコマンドに使用する場合は、引用符で囲ってください。例: "Joel
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Firefox 4 : Is there a way to remove the red border in a required form input?
クリップボードに複数コピーができるFirefoxの使えるアドオン「Clipple」 | ライフハッカー・ジャパン
『Lunascape6.0 α ORION』がリリース。ついにFirefoxのアドオンにも対応！ | ライフハッカー・ジャパン
「Auto Shutdown」ならダウンロード終了後にパソコンをどうするかを設定出来る | ライフハッカー・ジャパン