[B! DOM] Rockridgeのブックマーク

1503681 - Make target=_blank on anchors imply rel=noopener

Shared components used by Firefox and other Mozilla software, including handling of Web content; Gecko, HTML, CSS, layout, DOM, scripts, images, networking, etc. Issues with web page layout probably go here, while Firefox user interface issues belong in the Firefox product. (More info)

Rockridge 2019/01/14

Fx65：Nightlyチャンネルで、a要素などにtarget=_blankの設定がされているときは自動的にrel=noopenerが付与されるようにした。 / 参照：https://www.ghacks.net/2018/11/30/firefox-security-relnoopener-for-target_blank/

DOM

リンク

1503019 - Remove Shadow DOM and Custom Elements prefs

Rockridge 2019/01/14

Fx65：Shadow DOMとCustom Elementsを無効にする設定を削除。

DOM

リンク

1492036 - Considering implementing the Reporting API

Shared components used by Firefox and other Mozilla software, including handling of Web content; Gecko, HTML, CSS, layout, DOM, scripts, images, networking, etc. Issues with web page layout probably go here, while Firefox user interface issues belong in the Firefox product. (More info)

Rockridge 2019/01/14

Fx65：Reporting APIが実装された。参照：https://w3c.github.io/reporting/ / Fx65時点ではNightlyチャンネルでのみ有効。https://bugzilla.mozilla.org/show_bug.cgi?id=1507144 https://groups.google.com/forum/#!topic/mozilla.dev.platform/B9VPjyia7wA

DOM

リンク

1389628 - (streams-enable) [meta] enable streams API by default in Nightly

Rockridge 2019/01/14

Fx65：NightlyチャンネルでStreams APIがデフォルト有効化。参照：https://sbfl.net/blog/2018/05/26/javascript-streams-api/

DOM

リンク

The Power of Web Components – Mozilla Hacks - the Web developer blog

Background Ever since the first animated DHTML cursor trails and “Site of the Week” badges graced the web, re-usa ble code has been a temptation for web developers. And ever since those heady days, integrating third-party UI into your site has been, well, a semi-brittle headache. Using other people’s clever code has required buckets of boilerplate JavaScript or CSS conflicts involving the dreaded !

Rockridge 2019/01/06

Firefox 63でCustom ElementsとShadow DOMがサポートされたことを受けて、Web Componentsの概略を説明している。

DOM

リンク

window.open() がイベントごとに一度しか呼び出せなくなりました | Firefox サイト互換性情報

Firefox 65 で、複数のポップアップウィンドウが同時に開かれるのを防ぐため、ポップアップブロッカーが改良されました。window.open メソッドの呼び出しはイベントごとに 1 回のみ許容され、もし後続の呼び出しが行われた場合はブラウザーによってブロックされます。より良いユーザー体験のためには、いずれにしても複数ポップアップやタブを開くことは避けるべきでしょう。

Rockridge 2019/01/06

Fx65：「window.open メソッドの呼び出しはイベントごとに 1 回のみ許容され、もし後続の呼び出しが行われた場合はブラウザーによってブロックされます」。

DOM

リンク

Fullscreen API の接頭辞が外れました | Firefox サイト互換性情報

Rockridge 2019/01/06

「接頭辞なしの Fullscreen API が Firefox 64 ですべてのチャンネルにおいてようやく初期設定有効となりました」。参照：https://bugzilla.mozilla.org/show_bug.cgi?id=1269276

DOM

リンク

Web Components のリアル/ Realistic Web Components - Speaker Deck

HTML5 Conference 2018 ( https://events.html5j.org/conference/2018/11/ )での資料です

Rockridge 2018/12/16

最近のWeb ComponentsはCustom ElementsとShadow DOMにES Modulesが加わったものが主流であり、HTML Templatesは直接使わず、HTML Importsは非推奨になっているとのこと。

DOM

リンク

自作フレームワークをつくって学ぶ仮想DOM実践入門

昨今の代表的なJavaScriptフレームワーク（React、Vue.jsなど）には「仮想DOM（Virtual DOM）」という概念が採用されているので、フロントエンド界隈の人は一度は耳にしたことがあるだろう。ただ、仮想DOMについて学ぼうと検索してもヒットするのは「フレームワークの使い方」ばかり。踏み込んでいても概念の説明どまりで、仮想DOMがどのように実装されているか解説した記事はすくない。ということで、当記事では理解を深めるために仮想DOMを使ったフレームワークを自作し、仮想DOMに入門する！そして、ReactやVue.jsを単なるブラックボックスのフレームワークではなく、中身を理解して使えるようになることを、当記事の目標とする。フレームワークが完成すると以下のようなWebアプリケーションがつくれるようになる。 TOC 記事が長くなりそうなのでも目次そもそもDOMとは？ D

Rockridge 2018/12/09

仮想DOMを使ったフレームワークの実装過程を解説することを通じて、仮想DOMの機能を実践的に学べるようにした記事。

DOM

リンク

Selectors Level 3 is a W3C Recommendation

The CSS Working Group has published Selectors Level 3 as a W3C Recommendation. Selectors are patterns that match against elements in a tree, and as such form one of several techno logies that can be used to select nodes in an HTML or XML document. Selectors have been optimized for use with HTML and XML, and are designed to be usa ble in performance-critical code.

Rockridge 2018/11/25

2018年11月6日、Selectors Level 3がW3C勧告となった。

DOM

リンク

329509 - Do not prevent event dispatching via dispatchEvent even if there is no prescontext or (form) element is disabled

Do not prevent event dispatching via dispatchEvent even if there is no prescontext or (form) element is disabled Do not prevent event dispatching via dispatchEvent even if there is no prescontext or (form) element is disabled

Rockridge 2018/11/05

Fx65：要素が無効になっていてもイベントの発火が可能に。

DOM

リンク

Intent to implement: Feature Policy

Google グループでは、オンラインフォーラムやメールベースのグループを作成したり、こうしたフォーラムやグループに参加したりすることで、大勢のユーザーと情報の共有やディスカッションを行うことができます。

Rockridge 2018/09/30

Firefox Nightly 64にFeaturePolicyが実装される。Fx65でデフォルト有効化の見通し。参照：https://blog.jxck.io/entries/2018-03-08/feature-policy-permission-delegation.html

DOM

リンク

Intent to ship: Unprefixed Fullscreen API

Google グループでは、オンラインフォーラムやメールベースのグループを作成したり、こうしたフォーラムやグループに参加したりすることで、大勢のユーザーと情報の共有やディスカッションを行うことができます。

Rockridge 2018/09/19

Fx64：ベンダープレフィックスのないFullscreen APIが全プラットフォームで有効化される予定。仕様の改訂によりWeb互換性の問題が緩和され、Chromeの実装が追いついたのでこのタイミングなのだという。

DOM

リンク

1469592 - Add support for Element.toggleAttribute()

Rockridge 2018/09/16

Fx63：Element.toggleAttribute()をサポートした。参照：https://blog.jxck.io/entries/2018-07-20/toggle-attribute.html

DOM

リンク

window.open() の noopener オプションが他のウィンドウ特性に影響しなくなりました | Firefox サイト互換性情報

Rockridge 2018/08/18

Fx63：「window.open(url, '_blank', 'noopener')」と指定された場合であっても、新たに開かれるウィンドウでは原則として、戻る・進むボタンやタブが表示されるようになった。

DOM

リンク

Event.returnValue への対応が追加されました (取り消し) | Firefox サイト互換性情報

Firefox 63 で window.event プロパティが実装されました。これは Internet Explorer に由来するものですが、Event.prototype.srcElement、Event.prototype.returnValue とともに DOM 仕様での標準化が行われたためです。この変更はウェブ互換性の改善を意図していますが、この旧非標準プロパティを使用した一部のブラウザー判別コードはむしろ正常に動作しなくなることが予想されます。既に報告されている典型的な例は、Firefox では 0 を返す event.keyCode を巻き込んだもので、Mozilla のエンジニアが対応中です。他にも問題が発生する可能性があるため、あなたのコードをスキャンして、もし window.event が見つかった場合は、その機能が Firefox で動作することを確かめてください

Rockridge 2018/08/18

「Firefox 63 で window.event プロパティが実装されました。これは Internet Explorer に由来するものですが、Event.prototype.srcElement、Event.prototype.returnValue とともに DOM 仕様での標準化が行われたためです。」