5min 微知識：CSS3, JQuery, HTML5 及網站小技法

歷經千辛萬苦，好不容易剪輯了一支 4K 的高畫質影片，興高采烈的上傳到 Youtube 的頻道上，等呀等的，等到終於上傳完成，按下發佈，疑？...怎麼播放時，都是用 360P 的畫質播放呢？那個說好的 4K 高畫質哪去了？  
這次的程序跟過往一模一樣，怎麼就是沒有 HD 的選項，最多就是 360p 這樣呢？  
到底是 Youtube 那邊出問題？還是上傳的影片有錯誤呢？難道影片格式不對嗎？還是又動到什麼設定了？  
如果你也遭遇了這樣 HD 無法顯示的問題，那麼就一起來研究研究解決方案吧！ ...full story ››

透過 MacBook Pro 播放影片時，只要鏡像輸出到電視上，畫面就是沒有辦法全螢幕，左右兩邊總是留著一些些黑畫面，感覺好礙眼，很討厭 T_T  
如果用 iPhone 直接播放 Youtube 的話，就很正常。  
電視的大小，該是不會影響到設定才對(吧)？  
好奇心的驅使下，就來幫朋友的這台土豪大的電視調整一番。 ...full story ››

Google 文件裡面，開啟頁面設定，Google 預設的紙張大小的選項，就只有11種尺寸，也就是常用的 A4, A5, B4, B5 這些。  
可是如果要打一個信封的話，那就得要用一些很古怪刁鑽的版面調整方法，才能順利的列印出標準信封的尺寸。  
難道沒有一個什麼好方法，可以建立一些常用信封大小的紙張尺寸呢？  
...full story ››

在進行響應式網站開發(RWD)的時候，  
有時候最麻煩的，還不是CSS的部分(這個部分相對是最簡單的)，  
稍微熟悉CSS語法的朋友們，  
只要透過『響應式網頁設計(Responsive Web Design,RWD)』技術，就可以很有效率的以CSS原生模式，解決不同平台間的樣式問題。  
不過有些功能，縱使再強大的CSS，也還是有一些鞭長莫及的地方，  
必須要個別建立行動裝置或是一般裝置不同的程式碼。  
 
那要如何使用偵測使用者是用什麼樣的裝置上網呢？  
 
基本上偵測的方法還蠻多的，像是一般多以 Javascript 去偵測裝置的類型，好比下面這樣的原始碼 ...full story ››