[Blogger] 利用CSS讓Youtube影片在不同螢幕大小顯示適當的播放尺寸

很多人會在自己的網站上分享Youtube的影片,而在分享的時候,如果影片尺寸設的很大,那麼可能訪客在手機上看到的影片就會超出螢幕範圍,反過來說,若影片尺寸設的過小,那麼在桌機版上就顯得不夠清楚,用來解決這個問題的方法通常是會採用RWD的網頁設計,這樣就可以根據不同的尺寸螢幕做出適當的調整

根據我的經驗來看,目前很多的Templates其實都已經支援RWD設計,話雖如此,但必需要注意這些RWD設計的範本不一定對「影片」有做良好的設計,換句話說,它可能可以滿足「網頁」RWD的規範,但影片部分卻還是一如往常,沒有做進一步的做優化,所以很有可能在手機上看到的Youtube影片還是會超過螢幕,若你所用的Blogger範本也有此種問題,那麼可以參考以下的程式碼來解決

Read more

Call-to-Action Button Generator § PNG及CSS按鈕產生器

Call-to-Action Button Generator」是一個我蠻喜歡的CSS按鈕產生器,除了基本的顏色調配外,也可以調整圓角、陰影,或者在按鈕中加入一個小圖示,最後可產生CSS與HTML的語法,如果不想用語法的人,亦提供了PNG的按鈕圖片可以下載,像上面這個大大的紅色按鈕,就是用這個產生器製作的,廢話不多說,直接進入教學吧。

網址:Call-to-Action Button Generator

Read more