Web Platform News
News content for web developers written by Šime Vidas
overflow-anchor CSS プロパティ - CSS | MDN
<section class="default-example" id="default-example"> <div class="whole-content-wrapper"> <button id="playback" type="button">抽選を始める</button> <p>本日のマジックナンバー:</p> <div id="example-element"></div> </div> </section> .whole-content-wrapper { display: flex; flex-direction: column; height: 100%; width: 100%; } #example-element { height: 100%; border: 2px dashed dodgerblue; padding: 0.75em; text-align:
超高速エンジンの内部：Quantum CSS（別名Stylo）- 前編 | POSTD
Project Quantumのことをお聞きになったことがあるでしょう。これはFirefoxを高速化するために、Firefoxの中身を大幅に書き換えたものです。実験的なブラウザ、Servoから部分的に交換を実施し、エンジンの他の部分の著しい改善を図っています。 このプロジェクトは、飛行中のジェット機でのジェットエンジンの取り替えに例えられます。現場でコンポーネントごとに変更を実施するので、各コンポーネントの準備が整い次第、Firefoxで効果を確認することができます。 また、Servoから採用した最初の重要なコンポーネントは、Quantum CSSと呼ばれる新しいCSSエンジン（以前の別名はStylo）で、現在はNightly版でテストすることが可能です。(編注:Firefox 57からはデフォルトで有効化されています) about:config に行き、 layout.css.servo
Test, learn, and build with Firefox DevTools
Learn, build, improve, and create with Firefox DevTools. Firefox Developer Edition CSS GridCSS Grid Layout is completely changing the game for web design. Learn about CSS Grid Layout and the Firefox DevTools layout panel Go to Playground DebuggerStill using console.log for debugging JavaScript? There is a better way! Learn about how to use Firefox Debugger to debug and fix your code. Go to Playgro
Intent to unship: HTML scoped style sheets (<style scoped>) - Google Groups
HTML scoped style sheets is a feature that allows the effects of style sheets to be scoped to a subtree of a document. Support for this feature was introduced first in Chrome 19 behind a flag (in mid-2012) and in Firefox 21 without a pref (in mid-2013). Since then, Chrome removed their implementation in Chrome 37, and the feature was removed from the spec last year due to lack of interest from oth
Web animation in 2017
Happy new year! As promised I thought I’d share a few of the Web animation things I’m looking forward to in 2017. I’m terrible at predicting the future (I used to be a believer in BeOS and VRML) so this is mostly based on what is already in motion. Specs: CSS transitions – this should move to CR status soon. Part of that involves splitting off a separate Timing Functions spec. That separate spec w
"will-change" must change? Animators beware.
Note: This page was created for GSAP version 2. We have since released GSAP 3 with many improvements. While it is backward compatible with most GSAP 2 features, some parts may need to be updated to work properly. Please see the GSAP 3 release notes for details. Chrome 53 debuted a new "feature" to improve animation performance and graphics fidelity, but it had some nasty side effects that caused q
CSS Variables in Firefox Nightly – Mozilla Hacks - the Web developer blog
Thanks! Please check your inbox to confirm your subscription. If you haven’t previously confirmed a subscription to a Mozilla-related newsletter you may have to do so. Please check your inbox or your spam filter for an email from us. Brandon First of all, congrats on landing this. We’ve been wanting native CSS variables for a long time. However, this syntax is really verbose. Would it be too taxin
Flexbox layout isn't slow | Blog | Chrome for Developers
A bit ago, Wilson Page wrote a great article for Smashing Magazine digging into how they brought the Financial Times web app to life. In the article, Wilson notes: As the app began to grow, we found performance was getting worse and worse. We spent a good few hours in Chrome Developers Tools’ timeline and found the culprit: Shock, horror! — it was our new best friend, flexbox. The timeline showed
Mozilla CSS サポートチャート | MDN
このページでは、対応している CSS の セレクター、プロパティ、@-規則、メディアクエリ、値をアルファベット順で掲載しています。 「対応開始」の列は、対応が開始された Gecko のバージョン番号を示します。 Gecko 1.0 以前のバージョンは、 1.0 として一覧表示されています。 Gecko は、Firefox やその他のアプリケーションで用いられているレンダリングエンジンです。Firefox 及び Gecko のバージョン番号に関しての詳細については Gecko のページを参照して下さい。 「仕様書」の列は、その行の項目が策定された仕様書（基本的には最新のものの一つ）にリンクしています。但し古い仕様へのリンクのままになっており修正の必要がある項目を含む可能性がある点に注意して下さい。 Mozilla CSS 拡張 (プロパティ名の先頭に-moz-接頭辞をもつもの) に関しては、
Support for @supports in Firefox Nightly ∙ Cameron McCormack
3 August 2012 Yesterday I landed support for the CSS @supports at-rule for Gecko (based in part on some earlier work done by former intern Vitor Menezes), and it should now be in Firefox Nightly builds. @supports is part of CSS Conditional Rules Module Level 3, and allows authors to condition rules based on whether particular property declarations are supported. For example, let’s say you want to
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Firefox
1512386 - Case-sensitive attribute selectors (from Selectors level 4)
opacity が他のプロパティとともに使われた場合、CSS トランジションがスムーズに動かない場合があります (リグレッション) | Firefox サイト互換性情報
Firefox Site Compatibility on Twitter: "-moz-prefixed #CSS gradient support will be back soon due to considerable site #compatibility breakages. http://t.co/iFr4Z0Ankt"
961871 - (will-change) Enable will-change CSS property
528456 - Implement scoped selectors for querySelector(All)
GitHub Flavored Markdown (GFM) Viewer :: Add-ons for Firefox
GitHub - Athari/CsCss: CSS parsing library for C# based on Mozilla Firefox code [MPL]![GitHub - Athari/CsCss: CSS parsing library for C# based on Mozilla Firefox code [MPL]](https://cdn-ak-scissors.b.st-hatena.com/image/square/166b7ff2103ab967690407c228079544b4a2f3e0/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F1246bbb27cb9b7a7f0ad651fb7d1b60739c2e9170423135e333ea4f59b1a541c%2FAthari%2FCsCss)
CSS.2012 CSS Nite in OSAKA, Vol.31 with Mozilla Japan ～Firefox Developers Conference 2012 in Osaka 前夜祭～
