發表文章

ESP32的開發環境

ESP32 Arduino IDE開發核心安裝 安裝Arduino IDE 在偏好設定視窗中下方的額外開發板管理員輸入網址https://dl.espressif.com/dl/package_esp32_index.json  在開發板管理員視窗中,輸入關鍵字ESP32 選擇工具/開發板,並往下拉即可在下方找到最新的ESP32系列主板 ESP32 USB驅動程式安裝 silicon lab cp210x usb to uart bridge 目前(2020/Oct)已經內建驅動

[Google Site] hover.css效果

圖片
A collection of CSS3 powered hover effects ,如同官方網站所宣稱,是一組由css組成的效果,不必額外透過js的支援來讓網頁的物件移動,對GoogleSite來說當然是美事一樁,不必擔心Google更新,部分js不能使用,單純用css對程式碼的理解和維護也相對輕鬆。

[Google Script]用Array複製大量Google Site

圖片
繼上一篇 利用Google Script製作大量頁面 ,這一篇來應用Google Script中的SitesApp.getSite來複製大量相同架構的GoogleSite,所以前提是要有一個標準架構的GoogleSite。 在Google Site內使用Google apps script要先點 [管理協作平台]到後台,然後點選[應用服務指令碼],點選新增指令碼,

[Google Script]用Array製作大量Google Site頁面

圖片
製作Google Site的頁面從來就不是一件難事,動動手指製作空白頁面只需要10多秒,但是如果需要同時製作多達50個頁面的話,可能就是件相當痛苦的事情。 製作50個頁面這件事情多半不會遇到,遇到了還是得硬著頭皮來完成,話說 Google Apps Script 就提供了相當方便的工具,可以輕鬆解決這類型的問題,關於Google Apps Script的妙用後續會有多不同應用程式的整合,這篇我們來解決用用Array製作大量Google Site頁面。

【Google Site】embed嵌入flash

圖片
Well,iframe似乎已經有一陣子不能使用,googlesite中很多頁面都因此受影響,之前所發佈的文章像是 【Google Site】iframe嵌入flash-MegaSwf   【Google Site】iframe簡單嵌入.swf   這兩篇以iframe為主的用法都不能再使用。 除了iframe之外embed似乎也是一種解法,網路上w3school的embed說明大概有提到html4不支援embed tag,在html5中以新工具的角色出現。 <embed src="helloworld.swf">  embed用法和iframe差不多,都是在tag中再多加入src把檔案嵌入,但是如果在googlesite中僅僅加入embed tag是不夠的,在tag後面還需要加入 <embed src=""  pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>  如果對於版面有些要求,也可以考慮加入width、height讓版面更舒服。

【Google Site】Jquery animate練習

圖片
繼前幾天的fadeto,今天來個變形動態,娛樂一下~ html部分同樣來個基調四色,這次的控制class同樣設定成 .box <div class="box blue"></div> <div class="box red"></div> <div class="box green"></div> <div class="box yellow"></div> css部分和上次一樣,僅是上色、排列和寬高。 <style> .box { width: 100px; height: 100px; padding: 10px; color:white; vertical-align:middle; border: 1px solid #fff; float: left; margin: 5px;} .blue{ background: #3af;} .red{ background: red;} .green{ background: green;} .yellow{ background: yellow;} </style>

【Google Site】Jquery Fadeto練習

圖片
好久沒有做GoogleSite實驗,趁著着週末天光來寫一篇~話說GoogleSite htmlBox原本引入的Jquery版本已經進化到1.8.1,如果還是使用舊有1.6或是1.5的版本,會有畫面消失的情事發生~所以記得要更新一下。#1