發表文章

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

【Google Site】HTML BOX -UPDATE

圖片
沒仔細看還真沒辦法發現GoogleSite 偷偷 改版了HtmlBox引入的jQuery1.8,整體上內容不變僅僅換了版本,舊有的HtmlBox如果沒有更新會無法顯示的唷!

【Google Site】iframe嵌入flash-MegaSwf

圖片
要在GoogleSite中順利使用Flash,目前只有私人空間可以得逞。之前在 【Google Site】iframe簡單嵌入.swf 中提到的方法已經失效,使用iframe的方法還是可以用,但是把flash檔案放在GoogleSite上是不行的喲~因應這個系統上的變更,把flash放在dropbox的public空間也行,但是可以有其他的flash空間可以使用,何樂不為? 上傳檔案應該...會吧?! 傳送到megaswf網站之後,會出現四個選項,最陽春的就是用上面的連結來看你上傳的檔案,連結所提供的頁面當然會佈滿廣告訊息和網站資訊(不用太意外)。下面三個選項看起來比上面那個好了一些些,比方說嵌入到自己的網站或是全螢幕開啟,網路上當然有白吃的午餐,但是絕對不是這個,比較優質的選項是要用網站的PRO級服務才能使用,不過對於這種需要註冊的服務當然是敬謝不敏~所以還是選最陽春的吧~ 如果遊戲王沒有在台面上蓋幾張陷阱卡就結束這回合就遜斃了~噢噢噢,離題了,如果到這裡就選擇陽春麵然後結束這個回合就遜斃了。 不用猶豫, 蓋上陷阱卡 按右鍵打開檢查「檢查元素」找一下swfObject,然後你會發現一行謎樣的文字 value="/file/2548128.swf" 這一回合滿好猜的, 反正遊戲王只會蓋上「死者甦醒」或是「光之障蔽」 順著megaswf.com再加上謎樣的文字就可以開啓 寶箱 swf檔案的所在地。 http://megaswf.com/file/2548128.swf 回到GoogleSite後,就勇敢的把swf放進iframe裡吧 打完收工~

【Google Site】分頁小圖示-favicon

圖片
積了點灰塵,今天來拍一拍。

【九份的咖啡店】甘樂文創

圖片
那天在中秋前的三峽閒走,本著不想在課後的宿舍虛度所以悠悠的離開學校,所幸三峽的河畔小店讓一天的努力得到適當的修補。

【Google Site】Google網路論壇的使用

圖片
GoogleSite的公告頁面雖然勉強可以充當公告系統,輸出在首頁的Gadget選擇的樣式不多,如果要做出很優質的版面就要善用圖片的擺設,但是如果以一般公開資訊網可能不太會有太多的圖片讓你使用,如果就單純文字擺設GoogleSite內建的功能真的沒辦法滿足需求。

【Google Site】IE Tester

圖片
關於GoogleSite網站的建置過程,往往嵌入其他有趣內容讓網頁豐富生動是件開心的事情,但是事實上,所有的閱覽者都有自由選擇瀏覽器的權利,導致後來製作Googlesite變成一件不快的差事,原因很簡單,因為IE無法支援你的效果~ 所以這篇文章 當然可以解決你的問題 是個測試工具,IE Tester可以讓你簡單的判定GoogleSite的效果通不通用,能不能在IE的環境下完整的show出效果。不過順著這篇IE tester的發佈,也下順便來說說眾多外嵌功能在IE上遇到的困難。

【Ciao! Italy】Day8 Firenze-Piazza della Signoria

圖片
這一天的Ponte Vecchio遇上了幸運的幸福,歐洲人擅長表達自己的情感,不太在意別人的眼光,即使在人潮熙來攘往的Ponte Vecchio上,英俊高大的新郎牽著自己未來的伴侶,突然轉過頭來深情望著她,默默的鬆開握緊的手繞到新娘的背,溫柔的淡淡的施力擁起她,大概是新娘也有相同的情感,循著默契在這座浪漫的城市留下互許終生的回憶;是浪漫的城市造就了他們?還是他們造就了浪漫的城市?我在心底默默地祝福起這對新人,不只是希望我也相信他們一定可以長久。

【Ciao! Italy】Day7 San Gimignano 高塔之城

圖片
這趟旅行中造訪的第三座古城-San Gimignano,歷經Day5 Cortona、Day6 Siena,今天的高塔之城又是一番截然不同的風味,不過也是這一天我才漸漸意識到這些小小的城邦住滿了好多以夢想當作人生目標的「藝術家」,我所說的藝術家是台灣藝術學院裡所授予的每一種不同的課程,有金工師、畫師、木匠、音樂家等,這些在台灣視為夢幻的職業,都可以在城鎮中找到,怪不得國力不振(笑),不過從事藝術工作者真的該來這個藝術國度朝聖,一定會有滿滿的收穫。

【Ciao! Italy】Day12 Murano 小島漫遊

圖片
看到這些精巧可愛的工藝品,都要用力忍住想要敗下去的慾望(笑)。Murano-玻璃島的稱號其來有自,在島上漫遊最棒的部分大概就是到每一間小小的玻璃藝品店串門子,雖然會有些重複的商品,但是有些具有個人特色的藝品店真的會讓人驚呼連連。

【Google Site】ie改版後的逆襲

圖片
近期IE改版後造成之前googlesite 實驗所 成功的所有jquery全軍覆沒,災情慘重。網頁的翻頁功能變成顯示全部內容,這下子.....

【一個人的北海道】Days 札幌 大通公園-夜

圖片
住在先進的札幌市,利用札幌地鐵巴士一日券到處行動是一件很棒的事,不過就是因為只有一天,所以讓我非常的想念,後來的每一天只能靠不停的行走來到達目的地QQ。所幸如此,也可以更深刻的體會札幌的空氣、土地和陽光,每每離開札幌都是早上六七點,這時候就可以繞道時計台和大通公園,享受清晨短暫不炙熱的陽光,回到札幌都已經是晚間八九點,這時候最棒的就是走到距離只有五分鐘的大通公園,坐下來好好的享受噴水池公園的清涼。

【Google Site】abgne_marquee跑馬燈

圖片
不同語法,相同效果。又在誤打誤撞的情況下發現了一則適用GoogleSite新的文字輪播 語法- abgne_marquee,雖然 abgne_marquee的語法比較起來長了些。 【Google Site】用html小工具做出marqueer效果 實驗所-abgne_marquee Demo

【一個人的北海道】Day5 札幌 大通公園

圖片
在北海道看到小朋友毫不猶豫地跳到公園裡的水池去游泳真的是一件稀鬆平常的事(笑) 【一個人的北海道】Day3 函館-元町配水廠   ,不管是什麼水池小朋友都可以自得其樂,家長也不會特意拒絕小朋友這樣的舉動,日本人對於水的要求品質很高,我想已經高到他們自家人對於高品質的水出現在日常生活中是一件應該的事。