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

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

不會寫程式,也能自己架一個免費網站:Publii + Github pages

本篇大綱:有時候,我們只是想要有一個簡單的網站,而且免費。下載、安裝Publii。Publii基本設定。建立Github帳號,取得token。填上取得的4個值到Publii,然後同步。最後幾個提醒事項。寫這篇,主要是寫給不會寫程式,或是自己就是工程師,但都想要有一個自己的網站。

vue transition製作簡單的carousel/slider/輪播功能

本篇大綱:輪播/carousel/slider、3個輪播套件推薦、Slick、Swiper、Owl Carousel 2、自己寫一個carousel、Vue Transition Carousel製作、原始碼下載。很多時候只想有簡單輪播,為了簡單的效果就引用套件,很多沒用到的功能就是在增加讀取時間。

如何使用vivus.js製作輕量快速svg動畫

本篇大綱:vivus.js主要在做svg的邊框動畫、安裝、使用、頁面引用svg、執行vivus.js、實作範例、svg圖、壓縮svg、寫code。最後完成的範例頁面在這,基本上都是使用vivus包含的ajax方法,可以直接看頁面上的原始碼。推薦這個套件,花個幾分鐘就可以做出看上去很厲害的作品。