(簡單究好) 使用 Open Graph Tags、Schema、Twitter Card

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

學習 Flexbox 版面配置

Flexbox 是 CSS3 裡一個比較特殊的版面設計模式。最初被設計出來的主要原因是為了提供更有效率的方式來完成傳統 CSS 無法輕易達成的效果 (例如垂直置中)。 Flexbox 適用於小區塊的版面使用,因此,整體版面結構還是建議用傳統的 Grid 模式做調整。本文將簡介目前最新標準的 Flexbox 語法。參考與圖片來源為:

(免費資源網路社群) PAKUTASO 日本免費圖庫

PAKUTASO 是一款日本免費圖庫素材網站,收錄的圖片清一色都是以東方人角度拍攝,包含相片裡的人物也是日本人為主,就我所知日本類似網站不少,但好像比較少被提及( Sozai-Page 是以日本食物食材為主題的免費圖庫),可能我們還是習慣從英文網站來尋找類似素材吧!

咖啡專業術語大全

認識豐富的咖啡術語無法讓咖啡變得更好喝,卻能讓你更容易與其他咖啡愛好者進行交流。

咖啡萃取必須弄懂的幾個重要概念:

萃取:萃取兩字源於拉丁文,意思是把某物擠壓出來,或取得萃取物。在化學中,萃取指的是從原料(咖啡豆)裡取得有價值的物質(風味)。萃取方法有很多種,最常見的是使用熱水把風味從咖啡粉裡萃取出來。衝煮也常用來取代萃取一詞。