Scoped style sheets ∙ Cameron McCormack
16 January 2013 Scoped style sheets are a feature from HTML 5 (or the HTML Standard, if you prefer) that allows the effect of a style sheet to be limited to a subtree of the document. By placing a scoped attribute on a <style> element, the style sheet applies only to elements within the subtree rooted by the parent of the <style> element. For example, consider this document: <!DOCTYPE html> <title
@supports ― CSSのFeature Queries - fragmentary
Twitter殺しなタイトルだ。Firefox NightlyにCSS Conditional Rulesの@supportsが入った。 Bug 649740 - Implement @supports Support for @supports in Firefox Nightly • Cameron McCormack's blog 仕様がまだ初期段階なので、他のベンダーや仕様の動きが思わしくない場合は設定でオフにされる可能性もあるらしいけれど、嬉しいね。 Feature Queries @supportsはCSSのat-ruleで、あるプロパティと値のペアをサポートしている/いない状態にだけ、ブロック内の宣言を適用するというもの。仕様書の例を見るほうが早いか。 @supports ( display: flexbox ) { body, #navigation, #content {
Firefox 13 の後方互換性に関わる修正
Firefox 13 は 6/5 のリリースに向けて開発が続けられています。後方互換性は可能な限り維持されていますが、他のブラウザとの相互運用性や最新 Web 標準仕様への準拠のため、後方互換性に関わる修正も含まれます。そのような修正点をまとめましたので、動作検証時などにご参照ください。 ここでは後方互換性に影響し得る主な修正のみ解説します。その他の新機能や変更点については次のページをご覧ください。 ユーザ向けも含めた新機能: Firefox 13 の主な新機能を紹介します 開発者向けの新機能や変更点: Firefox 13 for developers 接頭辞付きの -moz-border-radius* と -moz-box-shadow はサポートを終了します CSS プロパティ -moz-border-radius は Firefox 1 から、-moz-box-shadow は
-moz-border-radiusと-moz-box-shadowが削除された - fragmentary
Geckoから-moz-border-radiusと-moz-box-shadowのエイリアスが削除された。 Firefox 13でこれらが無視されることになる。 Drop support for -moz-box-shadow and -moz-border-radius-* now that we've supported the unprefixed versions since Firefox 4. Bug 693510 - drop support for prefixes from border-radius* and box-shadow Mozillaは接頭辞に関して、正式なプロパティを実装したら接頭辞付きの実装を削除するというポリシーをもっている。ただ、border-radiusなどずっと前からあったプロパティについては、削除のタイミングが先延ばしに（たぶん）なっていた。
Firefox7で遂に対応されたtext-overflowって何？ - WebDelog
Firefox7がリリースされました。 3から4のリリース期間はなんだったの？っていうくらいのスピードです。 Firefox7では遂にtext-overflowを対応してくれました。 でもtext-overflowはこれまでFirefoxが未対応だったので、 なかなか使う機会も少なく、存在を知らなかった方も多いのではと思います。 text-overflowとは 記事の抜粋文などで特定の幅を持った部分から文字がはみ出してしまった時に『…』やその幅で後ろの文を省略してくれるCSSプロパティです。 <h2>試しに使ってみましょう。</h2> <div class="over">省略できるものならばやってみるがいい!!うぉおおおおおお<br /> なんだと!?省略されているだと!?そんな馬鹿な！！！</div> <p>こんな感じになります。<br /> 『!!!?』自分で後ろに『...』ってつけて
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
Web Developerで行うCSSデバッグ
Web Developerで行うCSSデバッグ Web Developerはナトラボさんが公開しているWeb制作をアシストしてくれるFirefoxの拡張機能(アドオン)です。 インストール Firefoxで配布ページにアクセスし「ダウンロード：Webdeveloper for Firefox (399kb)」をクリックすることでインストールが開始されます。 インストール開始時にページ上部に「このサイト(lab.tubonotubo.jp)からはFirefoxにソフトウェアをインストールできない設定になっております。」と表示されますが、右の「許可(A)」ボタンをクリックすることでインストールが可能です。 インストール画面が表示されます。画面下部に『インストール(5)』といったグレーのボタンが表示されますが、すこし待つと『今すぐインストール』に変わります。変わりましたらボタンをクリックしてイン
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Firefox 4: -moz-any() selector grouping – Mozilla Hacks - the Web developer blog
This is a re-post from David Baron’s blog. This feature has landed in Mozilla Central (trunk) and only available with a Firefox Nightly Build for the time being. Last night I landed support for :-moz-any() selector grouping. This allows providing alternatives between combinators, rather than having to repeat the entire selector for once piece that’s different. For example, it allowed replacing thi
CSSセレクタの高速化の話を検証 - os0x.blog
CSSセレクタの高速化の話し - Webtech Walkerの件。元ネタは続・ハイパフォーマンスWebサイト ―ウェブ高速化のベストプラクティスで、元ネタの元ネタはWriting Efficient CSS for use in the Mozilla UI - MDC。 先に書いておくと、この元ネタのMozillaの記事には、in the Mozilla UIとある通り、FirefoxなどのUIレベルの話です。Mozillaの場合、ウィンドウとかタブとか、とにかくなんでもCSSでスタイルを指定できる(している)のでCSSのパフォーマンスについて考慮する点が他のブラウザとはズレています。 とはいえ、実際にどうなのか検証したことなかったので、少し試してみました。 今回の検証方法は、dl>dt+ddを5重に入れ子にした300KB強の大きめなHTMLを用意して、CSSを動的に適用したときの時間
544834 - implement :-moz-any() for selector grouping (OR) between combinators
Issues with loading CSS style sheets from the network, parsing style sheets and style attributes in HTML markup, performing the CSS cascade, selector matching, and producing correct computed values for CSS properties. Example bugs: toggling class name on an element does not restyle the element background-color property does not support hsl() values Specifications covered: CSS Cascading CSS Conditi
色でクリックしたリンクがバレるプライバシー問題、Firefox開発版で対応 | エンタープライズ | マイコミジャーナル
Firefox web browser - Faster, more secure & customizable Firefoxの開発ブランチにCSS履歴に関するプライバシー対策機能のマージが予定されているという。どういった問題があり、どのような対処が予定されているのかが次の記事にまとまっている。 Plugging the CSS History Leak at Mozilla Security Blog privacy-related changes coming to CSS :visited ? Mozilla Hacks - the Web developer blog 一度訪問したリンクは青色から紫色へ色が変わる。これはユーザが一度訪れたURLをわかりやすくするためのもので、Webページでは一般的に採用されている方法。しかしJavaScriptを利用するとどのリンクがすでに訪問し
CSS による履歴の漏えいを防ぐ取り組み « Mozilla Developer Street (modest)
これは、Mozilla Security Blog の記事 Plugging the CSS History Leak (英文) の抄訳です。Web 開発者の方は Mozilla Hacks の記事抄訳 CSS の :visited に行われるプライバシー対策 も参照してください。 プライバシーの保護は必ずしも簡単なことではありません Mozilla では近く、以前からブラウザ各社が取り組んでいる個人情報漏えい問題の対策を Firefox の開発ツリーに追加します。私たちはこの改善を非常に楽しみにしており、他のブラウザも後に続いてくれることを期待しています。しかし、これは解決が難しい問題であるため、Mozilla がなぜこのようなアプローチを取ることにしたのか説明しておきたいと思います。 履歴の取得 Web ページ上のリンクは、ユーザがそのリンク先を訪れたことがあるかどうかによって見た目が
CSS によるブラウザ履歴の漏えいを防ぐ取り組み | Mozilla Japan ブログ
Mozilla では日頃からユーザのプライバシー保護に注力しており、誰でも簡単に利用できる 様々なプライバシー機能 を Firefox に追加してきましたが、このたびブラウザの履歴漏えい問題についての対策を本格的に行うことになりましたのでご紹介します。 Firefox をはじめとする一般的なブラウザでは、ページ上の未訪問リンクの色が青色、訪問済みリンクが紫色で表示されることは、皆さんもよく知っているかと思います。Web サイトのスタイルシート (CSS) やユーザの設定によってこの色は違うこともありますが、訪問済みリンクを見分ける一般的な方法として Web デザイナーに利用され、ユーザにも広く認知されています。このように便利な機能ですが、これを悪用する人たちがいて、冒頭に書いたように閲覧履歴の漏えいが起きることがあります。 例えば、この Mozilla Japan のサイトに Google
SimpldR: livedoor Readerをシンプルに
しばらく前からユーザー・スタイルシートとユーザー・スクリプトのコンビネーションでlivedoor Readerをシンプルにして使うようにしていて中々快適なのでまとめてエントリにしてみる。キーボードでサクサク操作できて快適ウハウハとかじゃなくてシンプルな画面でマウス・ホイールを使ってひゅいんひゅいん読む感じ。 ユーザー・スタイルシート ヘッダの色などを排除するのがメイン。userContent.cssに以下のCSSを追加する。 /* livedoor Reader ----------------------------- */ @-moz-document domain("reader.livedoor.com") { * { font-family: "Lucida Grande", "Trebuchet MS", sans-serif !important; } pre, code,
FirefoxのuserChrome.cssネタ #12
久々。Firefox 3になったときにずいぶん減らしたんだけど、だんだん増えてきたので整理しつつここではまだ書いてなかったものだけ。別のところで書いたやつもあるけど、ここでは初出ということで。 ロケーションバーや検索バーでIMEをオフにする #urlbar input, #FindToolbar input { ime-mode: inactive !important; } 「g 検索語」などキーワード検索機能を多用する場合、IMEがオンだと悲しいことになるので設定。検索バーでもオフにするかどうかは好みで。 進むボタンを無効な時は隠す #forward-button[disabled="true"] { display: none !important; } 進むは戻るを使った時にしか有効にならないので、ほとんどの時間は無効。そのためにスペースを割くのはもったいないので無効なときは削除す
FireBugのCSSパネルにカラーパレットを追加できる「FirePalette」:phpspot開発日誌
FireBugのCSSパネルにカラーパレットを追加できる「FirePalette」 次のように、CSSペインにカラーパレットを追加し、選択で色を選ぶこともできるようです。 ちょっと色を変えたいときなどに便利かもしれませんね。 FirePalette :: Add-ons for Firefox 関連エントリ ページの読込み時間をチェックできるFirebugアドオン「Hammerhead」 Firebug内でHTML/CSSについて調べられるアドオン「FireScope」 FirebugでXpathやCSSセレクタによってエレメントを高速に検索できるようになる「Firefinder」 FireBugで使える役立つ関数テクニック色々 FireBugのJavaScriptをハイライト表示する拡張「Rainbow」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mozilla to Tackle Browser CSS History Privacy Leak — SitePoint
CSS Bugs and Inconsistencies in Firefox 3.x
The CodeBurner Family Welcomes Three New Babies! — SitePoint