Tag: render

Heroku 的替代方案

八月的時候提到了 Heroku 要開始淘汰掉免費方案 (參考「Heroku 公佈了廢止免費方案的時間表)，其中第一波的時間差不多要到了，也就是沒在用的帳號會先在 2022/10/26 開始拔。

在「Heroku Free Alternatives」這邊則是有人整理的各家的替代方案，除了先前提到的 Fly.io 以外，Render 也是個有聲量的方案。

裡面還蠻多沒聽過的，可以找時間看一下有沒有什麼特別的功能...

網頁本身是個合法的 JSON 的展示

在 Hacker News Daily 上看到「Web Data Render」這個有趣的東西，這個網頁本身是個 JSON，透過一些技巧載入 javascript 後就可以讀取資料 render...

不過網頁本身就不是合法的 HTML 了：「Showing results for https://webdatarender.com/」，只能算是個有趣的作法...

在 Gmail 上做 CSS 效果的問題

在 TechCrunch 上看到的「Gmail, We Need To Talk」這篇裡提到 Gmail 的問題，尤其是 CSS 這塊：

Each Gmail client renders email differently. You may not be aware of this, but each Gmail client has its own set of frustrating quirks. Having to deal with each version of Gmail makes creating email a nail-biting chore:

  • Gmail.com Webmail. Supports <style> but does not support ids and classes.
  • Gmail Webmail for Business. Does not support <style>.
  • Gmail App for iOS. Randomly increases font sizes by 50 percent (no <style>).
  • Gmail App for Android. Randomly ignores container widths (no <style>).
  • Gmail App for Android (for non Gmail.com addresses). Does not support background images in addition to ignoring container widths (no <style>).
  • Inbox by Gmail for Android. Randomly ignores container widths but does so differently than Gmail App for Android (no <style>).
  • Inbox by Gmail for iOS. Does not support <style> but seems to not suffer from as many quirks as other Gmail mobile apps.

這也就可以理解為什麼有時候手機上看起來怪怪的了 XD

HTML 的 preconnect

在「Preconnect」這邊看到 Preconnect 這個功能，目前在 Mozilla Firefox、Google Chrome 以及 Opera 都有支援，用法也很簡單：

<link rel="preconnect" href="//example.com">
<link rel="preconnect" href="//cdn.example.com" crossorigin>

感覺如果要用的話，可以先送出 head 的部分，打 flush 讓瀏覽器先收到後再送出其他部分？不過對 MVC 架構來說好像變複雜了，不知道有什麼設計比較好...

另外一個是 Prerender，目前是 IE11+、Google Chrome 以及 Opera 有支援，看起來也頗有趣的...