簡單究好 Simple is Best

網頁前端開發資訊

CSS 陰影效果的比較:Drop-Shadow 與 Box-Shadow

使用drop-shadow 可以幫透明圖片添加下拉式陰影

drop-shadow 與 box-shadow 都是陰影效果(光暈效果)的css屬性,二者最大的不同點在於: box-shadow只能製作矩形的陰影,而drop-shadow則可以製作和物件不透明區域完全相同形狀的陰影。底下是二個css屬性(property) 的用法: Read More

如何使用 Open Graph, Twitter Card 自訂網頁在 Facebook, Google, Twitter… 的顯示內容

使用 Open Graph, Twitter Card 自訂網頁在 Facebook, Google, Twitter… 的顯示內容

 

當有人在Facebook, Google+, Twitter這些社群網站平台分享您網站的內容時,這些社群網站會自動從我們的網站中抓取分享的資訊。但這些自動抓取的資訊不見得符合網站的內容,因為社群網站只能猜測哪些內容重要、哪些不重要。若是可以由我們自己決定分享的資訊,是不是可以更符合網站的內容呢?如果希望可以控制分享的資訊該怎麼做呢?這篇文章就是要教你如何利用社群分享的中繼標籤(social meta tags)來自訂分享內容的標題、圖片和說明文字。
Read More