鐵人檔案
初步了解AMP 什麼是 AMP ? Accelerated Mobile Pages Google團隊為了讓手機頁面能快速被讀取，而採取的技術為網站另做個cac...
AMP網頁中的Schema 為何需要寫 schema 呢?當我們千辛萬苦寫了個頁面出來，自然是希望能讓廣大的user看到。所以請使用Schema.org來面對大...
使用AMP做RWD RWD 在現如今的網站，可以說是必備設定了。這兒要注意一點：平日裡我們是用 css 在做 RWD 的設定，但在 AMP 的世界裡，並不是這樣...
AMP 中設定字型 誠如前面所說的， AMP 並不希望引入外部的檔案。可是…預設的字體就是不得人疼，我就是要另外載入別的字體呀!! 怎麼辦呢?! 有2種方法 方...
依區塊而改變文字大小的 amp-fix-text 支援的 layout 值 可使用在具有 display: block 與 display: inlline-b...
使用 amp-bind 處理 view 、 data 、 user event 間的關係 相信不少人都有用過 MVP 、 MVC 、 MVVM, ... 各種架...
carousel輪播圖片〈基礎篇〉 這類的 component ，常見的部分會有： 多張圖片 左右點選前後張照片 點選縮圖或文字，跳至指定的第n張照片 說明文...
carousel輪播圖片〈進階篇〉 為 amp-carousel 設定 id 後跳轉圖片 透過 <amp-carousel> 給定 id 值；例：...
AMP中使用Lightbox 在上一篇文章我們有點到 lightbox ，現在我們就來講講 lightbox 吧！ 在 AMP 中有2個套件具有 lightbo...
收合區域 - amp-accordion 如下圖所示： 如手風琴（accordion）一般，開合以顯示內容 Required Script <script...
