目的最近整理出了一批用不上的舊物，保留了接近全新以及完全未使用的物品，就在拍照後要修圖時才發現，開繪圖程式再開檔案加字就花了一點時間，又要把相片壓縮、打字、加浮水印 … ，這又要花了不少時間，加上只是為了縮小圖片加字而去開啟繪圖程式，又是要一張一張相片的做太麻煩了，所以就想到用 Canvas ，直接用 <input type="file" > 載入圖後，再用按鍵另存成新的圖檔，就可以快速完成，所以接下來就開始實做。

閱讀全文

簡介因為需要使用重複執行，所以整理一下。

閱讀全文

簡介在編寫 CSS 時常會為了一個效果而寫一大長串的樣式、編排，又或者是使用了許多幾乎有著相同文字效果的元素，讓整個 CSS 檔案很龐大之外，在之後的修改維護也十分的不方便。

閱讀全文

用插件 Paper CSS 轉換

閱讀全文

簡介Input 有許多常用的屬性，例 type="button" 、type="number"、type="password"、type="checkbox"、type="date" … 等，關於日期和時間類除了基本的 type="date" 外還有另外 4 個十分方便的屬性，以下就要來說明。

閱讀全文

簡介 Math 是一個擁有數學常數及數學函數（非函式物件）屬性及方法的內建物件 。所有 Math 的屬性及方法皆為靜態。

閱讀全文

簡介FLEX 的對齊方法就類似是 Google 文件 或 WORD 的文字對齊工具

閱讀全文

簡介原圖只是要改變顏色不用再進到繪圖軟體修改圖，只要用 filter 的 CSS 屬性就可以，雖然不能作到細節修飾，但對只是要作復古、灰階的黑白圖之類的效果還是很方便。 另外在按鍵也可以使用，只需要設定全部按鍵的 :hover 、:active 、:focus 會改變的亮暗度、飽和度後，在個別按鍵設定顏色就會有一般或按下時不同的顏色，加上設定的是個別按鍵所以顏色不同但都可以有一致性的變化。

閱讀全文

簡介為網頁增加動畫效果的 CSS 插件，只需要載入 CDN 並在要有動畫效果的區塊加上 Class 名稱就能看到效果了。 效果有彈跳、淡入淡出、滑入滑出、旋轉過場、放大縮小過場 … 等，可以到 Animate.css 內試用看看每個有趣的動畫。 Animate.csshttps://animate.style/

閱讀全文

簡介這是繪製 2D 向量圖的運算套件，可以快速計算出要產生的點並提供 canvas 繪製使用。又因為檔案容量小，所以適合和 動態效果 配合應用。

閱讀全文