Dream Talker

歡送年末迎新春，做了很簡單的節慶佈置的小插件。最近很忙沒有空閒讓腦子運轉在部落格上面，即使在休息時間也是被小肥貓擠到身邊取暖無法動彈，所以拿舊圖修改一下就好。幸好明年農曆年還早，有新圖再增補。
另一個新設計的節慶插件還在蒐集資料中，比較不適合插件懶人包；或許留給自己用。（或是文件加密只開放給熟友？）
以下的小玩意檔案很小，屬於網頁載入效果，所以請將 js 插件放在 </head> 的前面，於載入時先執行。

在上一篇 Youtube 視頻自適應設計 的文章中可能會遇到以下一種情形，內文版面較寬大使得影片尺寸跟著放大。在視覺上行動裝置的影片尺寸看來舒適；但網頁版的影片尺寸可能有壓倒內文的感覺。為了控制視覺設計的需要，可以透過 CSS 樣式來限定 iframe-16x9 或 iframe-4x3 的寬度最大值，即是在樣式中加入 max-width: 500px; 去限制影片伸展的最大值。500px 可自訂。
Read More In Dream Talker

小肥貓的 Google+ 專頁似乎沒有好好運用，多少也是因為小喵很難拍到清晰影像；我也沒有將相機裝置待命的習慣。 由於小肥貓變成大喵了，繼續使用「超級嫩模」有點名不符其實，所以專頁名稱改成「瞑茫君」以符合牠睡肥肥的形象。同時擴充相關內容，以貓奴的身份可以在「馬克十二」裡發表文章。
Read More In Dream Talker

響應式設計通常會將內嵌物件（如：圖片、影片、文件）設計為自動縮放的狀態。如果不是自適應的網頁版寫入一般 Youtube 影片的嵌入碼，在行動版很容易撐破版面。
對於使用 Blogger 範本的部落格，其行動版會自動將 Youtube 影片縮小，不過僅有一個最小尺寸。面臨現今多種螢幕解析的行動裝置似乎在文章編排上有些不足。如果是以網頁版 Content 版面替代行動版的方案則是會直接面臨內嵌物件超出版面的問題。
Read More In Dream Talker