製作RWD email 工具:MJML,如何使用及注意事項

本篇大綱:本篇要解決的問題。安裝 MJML。開始使用。MJML 程式碼,寬度、CSS、Style、一般的 a 標籤。整理注意事項的原始碼。用完 MJML 這套 RWD email 工具後深深覺得,終於得到一套 +8 精煉的對抗 Outlook 的神器了!

Google表單,提交後系統自動寄送回覆通知email

本篇大綱:本篇要解決的問題。Google表單自動發送回覆信件流程圖。1 建立Google表單,回覆的試算表點擊指令碼編輯器。2 指令碼編輯器,新增HTML檔案。3 電子報的 .html,要替換的文字寫成變數。4 程式碼部份。5 設定觸發條件。

Telegram Bot學習筆記-6:Google表單提交時收到通知

本篇大綱:本篇要解決的問題。1 新增Google表單,回覆選建立試算表。2 試算表上點選程式碼編輯器。3 Telegram Bot 發通知的程式碼。4 程式碼編輯器點擊「現有專案的啟動程序」。5 設定觸發程序。如果Google表單的回覆不用試算表。原始碼。

用Vue.js製作圖片版EDM生成器

本篇大綱:本篇要解決的問題。預覽、產出的HTML,要分開。用 replace 替代 hack,補上 width、html。檔案包成 zip 的套件:JSZip、FileSaver.js。抓圖檔要用 FileReader。JSZip 抓圖檔,要刪掉 base64 的開頭。demo 及原始檔下載。

GitLab Pages,3+2個步驟讓GitLab專案產生靜態頁

本篇大綱:GitLab生成靜態頁,私人專案也行。1 要生成靜態頁的檔案都放進「public」資料夾內。2 建立.gitlab-ci.yaml的檔案3 專案push到GitLab上。+1 等gitlab pipelines顯示狀態為「passed」。+2 輸入GitLab Pages產生靜態頁後的網址。

WebSocket 基本介紹及使用筆記

本篇大綱:WebSocket前端得懂一點。WebSocket重點心智圖。用 Node.js 建一個簡單的 WebSocket Server。前端連結WebSocket。1 建立WebSocket、2 監聽WebSocket事件、3 client端發訊息給WS Server。