iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

AMP 系列

什麼是 AMP 呢?

Google團隊為了讓手機頁面能快速被讀取,而採取的技術,為網站另做個cache頁

在這30天裡介紹大家 AMP 的寫法,與一些例子

鐵人鍊成 | 共 30 篇文章 | 24 人訂閱 訂閱系列文 RSS系列文
DAY 21

AMP(Lession 21) - 在 AMP 頁面裡獲取數據 〈Access Trigger 篇〉

在 AMP 頁面裡獲取數據 〈Access Trigger 篇〉 設定範例 上一篇的文章裡,我們有提到 amp-analytics 中的 Access Trig...

2018-10-21 ‧ 由 majo2013 分享
DAY 22

AMP(Lession 22) - 影片播放

影片播放 說著說著,我們來看看影片在 amp 的世界裡是如何被使用的吧 Required Script <script async custom-elem...

2018-10-22 ‧ 由 majo2013 分享
DAY 23

AMP(Lession 23) - 播放Youtube影片

播放Youtube影片 Youtube 當機 網友:世界末日! Youtube太重要了,現在我們來看看在 AMP 的世界裡, Youtube 又該如何引用吧!...

2018-10-23 ‧ 由 majo2013 分享
DAY 24

AMP(Lession 24) - AMP 中的 iframe

AMP 中的 iframe 使用 amp-iframe 之前,有個極為重要的觀念一定要知道! amp-iframe 絕對不能主要用在顯示廣告上(請使用 amp-...

2018-10-24 ‧ 由 majo2013 分享
DAY 25

AMP(Lession 25) - 用 position observer 實現 scrolling 頁面時的一些互動效果

用 position observer 實現 scrolling 頁面時的一些互動效果 在 amp 的世界裡,我們可以可以利用 scrolling 時做些事唷!...

2018-10-25 ‧ 由 majo2013 分享
DAY 26

AMP(Lession 26) - Google VR 圖片

Google VR 圖片 接下來在 AMP 的世界裡玩玩 VR image 吧!這是個 AMP 試驗中的功能,我們先來看看這兒的範例吧! 基本範例 <a...

2018-10-26 ‧ 由 majo2013 分享
DAY 27

AMP(Lession 27) - sidebar 的設定

sidebar 的設定 在手機網站上,常常會有把頁面選項放在 sidebar 中的狀況;就像下圖這樣: 按了某個按鈕,才會出現 Required Script...

2018-10-27 ‧ 由 majo2013 分享
DAY 28

AMP(Lession 28) - 視覺上呈現出飛毯效果

視覺上呈現出飛毯效果 文字上難以說明,我們直接來看這兒的範例吧!! 從這個範例,我們可以看到使用 amp-fx-flying-carpet 這個 compone...

2018-10-28 ‧ 由 majo2013 分享
DAY 29

AMP(Lession 29) - 視覺效果的集合

視覺效果的集合 amp-fx-collection 能幫我實現,所有的願望(誇張了) 今天要講的 amp-fx-collection 可以幫我們在 AMP 的世...

2018-10-29 ‧ 由 majo2013 分享
DAY 30

AMP(Lession 30) - 結語

結語 耳邊又傳來 陣陣催促的聲音 你今天富奸了嗎 AMP 資源 其實還有好多 AMP 的東西沒說,像是跨網址處理的amp-cors-requests; Goog...

2018-10-30 ‧ 由 majo2013 分享