使用Google Web Designer軟體做HTML5 CSS動畫

專案需要做如上的動畫效果按鈕,因為不想要自己手寫HTML + CSS,想說有沒有更快速且有效率的方法,使用介面化動畫工具,像做Flash動畫一樣,現在Adobe 把它改名了,應該叫Adobe Animate,但是因為礙於Adobe Animate並不是免費開源軟體,感覺上產生出的應當是HTML5 Canvas,加上我只需要做個簡單的動畫按鈕,且最好是online edit 線上編輯工具,幫助我產生HTML動畫所需要的HTML + CSS Code,這樣就真的太棒了。 就在當下google了一下,發現Google Web...

使用Google Code Prettify漂亮顯示讓程式碼自動分辨顏色

Google Code Prettify 顯示程式碼最簡單方法 google推出的google code prettify,可用很簡單的方式讓程式碼自動分辨顏色,而且可自行調整自由度很高! 看一個範例 設定 最快的方式是使用下列CDN方式。 如何使用 把代碼段在<pre class="prettyprint">...</pre>或<code class="prettyprint">...</code>,它會自動美化打印。 class Voila...

Google 雲端硬碟簡單教學上傳大檔案給客戶下載用-雲端硬碟分享/傳送大檔案

至Google雲端硬碟按下左邊按鈕選擇檔案(如圖1.rar檔案) ![](https://res.cloudinary.com/citiar/image/upload/v1611202212/ucamc/images/googledrive002.png) 確認後右下角出現上傳視窗 (上傳中...) 上傳完成勾選上傳完成的檔案(1.rar),再按下上方共用按鈕。 視窗出現共用設定,因檔案為私人權限,如下圖步驟進行變更。 變更完成後複製連結,對方就可以由此連結下載您的檔案。...

使用Google雲端硬碟CSS or JavaScript image圖片檔案url位置在你的網站

Google雲端硬碟提供網路空間,也可分享連結給他人,但如過想使用雲端硬碟裡面的檔案url的位置,如想要連結一個.CSS樣式檔案給你的網頁用(如自己的Blog),分享功能無提供這樣url位置,其實是可行的,只需要將其檔案ID更變一下網址,就可以使用這個檔案url位置。 如果你的雲端硬碟內,有個想要使用的.css樣式或.js,還有圖片img的.jpg .png .gif檔案,都可使用列方法來取得檔案的url位置。 使用Google雲端硬碟分享CSS or JavaScript 檔案url位置...