在 Hacker News Daily 上看到「Web Data Render」這個有趣的東西，這個網頁本身是個 JSON，透過一些技巧載入 javascript 後就可以讀取資料 render...
不過網頁本身就不是合法的 HTML 了：「Showing results for https://webdatarender.com/」，只能算是個有趣的作法...
網頁本身是個合法的 JSON 的展示
Tag: layout
MDN 上的 CSS Layout cookbook
在 MDN 上看到「CSS Layout cookbook」，目前整理了六種情境，包括了設計方式與瀏覽器的支援度。
看到「Center an element」有種苦笑的感覺啊... 以前弄這個都是 workaround，現在都有對應的 CSS 可以處理了。
避免文件大量 Reflow...
今天的 Hacker News 文摘上看到關於 Reflow 的問題：「Preventing 'layout thrashing'」。
Reflow 指的是改變 DOM 後造成的畫面重新計算以及 render。
Google 有給過一些資訊：「Minimizing browser reflow」，Mozilla 也有給「Notes on HTML Reflow」，不過這兩篇都是概念性的文章...
文章的作者寫了 FastDom，把 read 與 write 包起來一起處理 (read 一包，write 一包)，不過這樣寫的時候就要小心當下真正的 DOM 的值了...
不過如果只是處理 ordering 的問題，叫 FastDom 好像怪怪的...