2022.12.19 05:00:00 軟體開發 使用 CSS 與 SVG 製作波浪動畫 波浪動畫的特效一般提升網頁的美觀,這些特效一般都不需要與使用者進行互動,因此盡量不要使用到 JavaScript 為佳。簡單的特效盡量使用 CSS 製作,複雜的特效可能就不得不依賴 JavaScript 了。本文參考網路上找到的資料,展示兩種實現網頁波浪動畫的方法,並且這兩種方式皆未使用到 JavaScript。
2022.08.22 05:00:00 軟體開發 網頁圖片延遲載入方法 (Lazy loading) 網頁載入時,最耗費流量的資源大概就是圖片了。為了節省流量的浪費,除了將圖片在可接受畫質的狀況下,盡可能的將檔案大小進行壓縮之外,另一個實用技巧就是延遲載入 (Lazy loading)。我認為延遲載入最明顯的好處有節省流量、降低使用者因等待而跳出及提升 SEO 成效。
2021.02.15 05:00:00 軟體開發 HTML 5 常用元素 自 HTML 5 推出以來,受到很大的歡迎,各大瀏覽器也積極朝 HTML 5 的規範前進。HTML 5 是發展性產品,而非革命性產品,很多新增的元素都相容於舊版瀏覽器。此外,HTML 5 的很多功能都與 Javascript API 相關,包含本機儲存、通訊 API、檔案處理 API......等等,本文將重點整理一些常用元素。