iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1180 瀏覽

鐵人賽 AI & Data DAY 17

PyTorch 生態鏈實戰運用系列第 17 篇

技術 [Day17] Optimizations for GPU computation

前言前幾日的文章，討論到了在訓練過程中，從資料的I/O、前處理到放入GPU之前的優化方式。今天將討論在GPU內的優化方式。自動混和精度 - automati...

srarod ‧ 2022-09-29

0 Like 0 留言 994 瀏覽

鐵人賽自我挑戰組 DAY 29

真，從零建置個人網站 30 天領域展開系列第 29 篇

技術【領域展開 29 式】認識 Google AMP

今天會寫這題目來自於在閱讀 Soledad document 的時候有一段是在講 How to set up AMP for your site，對於 AMP這...

Jade Chang ‧ 2021-10-14

0 Like 0 留言 1213 瀏覽

鐵人賽 IT管理 DAY 15

從 IT 技術面細說 Search Console 的 27 組數字 KPI 系列第 15 篇

技術從 IT 技術面細說 Search Console 的 27 組數字 KPI (15) ：AMP

這篇文章不再講下面四件事：甚麼是 AMP？ AMP 對網站流量有幫助嗎？要如何做 AMP 或是 Debug？在 Google 不用 AMP 做為 Ran...

食夢黑貘 ‧ 2021-09-15

0 Like 0 留言 1311 瀏覽

技術 JSDC 2020 回顧 - AMP 最佳實踐

AMP & the missing parts Google doesn't tell 講者簡報講者在 MordernWeb 分享對 AMP...

Yuri Tsai ‧ 2020-11-21

1 Like 0 留言 1268 瀏覽

鐵人賽 Modern Web DAY 30

AMP 系列第 30 篇

技術 AMP(Lession 30) - 結語

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

majo2013 ‧ 2018-10-30

0 Like 0 留言 1341 瀏覽

鐵人賽 Modern Web DAY 28

AMP 系列第 28 篇

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

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

majo2013 ‧ 2018-10-28

0 Like 0 留言 1960 瀏覽

鐵人賽 Modern Web DAY 29

AMP 系列第 29 篇

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

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

majo2013 ‧ 2018-10-29

0 Like 0 留言 2205 瀏覽

鐵人賽 Modern Web DAY 27

AMP 系列第 27 篇

技術 AMP(Lession 27) - sidebar 的設定

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

majo2013 ‧ 2018-10-27

0 Like 0 留言 1681 瀏覽

鐵人賽 Modern Web DAY 26

AMP 系列第 26 篇

技術 AMP(Lession 26) - Google VR 圖片

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

majo2013 ‧ 2018-10-26

1 Like 0 留言 1865 瀏覽

鐵人賽 Modern Web DAY 25

AMP 系列第 25 篇

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

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

majo2013 ‧ 2018-10-25

0 Like 0 留言 4004 瀏覽

鐵人賽 Modern Web DAY 24

AMP 系列第 24 篇

技術 AMP(Lession 24) - AMP 中的 iframe

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

majo2013 ‧ 2018-10-24

0 Like 0 留言 1647 瀏覽

鐵人賽 Modern Web DAY 23

AMP 系列第 23 篇

技術 AMP(Lession 23) - 播放Youtube影片

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

majo2013 ‧ 2018-10-23

0 Like 0 留言 1316 瀏覽

鐵人賽 Modern Web DAY 22

AMP 系列第 22 篇

技術 AMP(Lession 22) - 影片播放

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

majo2013 ‧ 2018-10-22

0 Like 0 留言 1570 瀏覽

鐵人賽 Modern Web DAY 21

AMP 系列第 21 篇

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

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

majo2013 ‧ 2018-10-21

0 Like 0 留言 2721 瀏覽

鐵人賽 Modern Web DAY 20

AMP 系列第 20 篇

技術 AMP(Lession 20) - 在 AMP 頁面裡獲取數據〈Page View 與 Event Tracking 篇〉

在 AMP 頁面裡獲取數據〈Page View 與 Event Tracking 篇〉釐清 Page View 與 Event Tracking Page...

majo2013 ‧ 2018-10-20

0 Like 0 留言 1664 瀏覽

鐵人賽 Modern Web DAY 19

AMP 系列第 19 篇

技術 AMP(Lession 19) - 在 AMP 頁面裡獲取數據〈基本觀念篇〉

在 AMP 頁面裡獲取數據〈基本觀念篇〉如果你想要觀察 user 在網頁的一些數據，你要怎麼做呢？在 AMP 的世界裡，我們可以使用 amp-pixel 與...

majo2013 ‧ 2018-10-19

0 Like 0 留言 1504 瀏覽

鐵人賽 Modern Web DAY 18

AMP 系列第 18 篇

技術 AMP(Lession 18) - AMP 中的 Twitter

AMP 中的 Twitter 基本範例 <amp-twitter width="375" height="472&qu...

majo2013 ‧ 2018-10-18

0 Like 0 留言 1313 瀏覽

鐵人賽 Modern Web DAY 17

AMP 系列第 17 篇

技術 AMP(Lession 17) - AMP 中的 Instagram

AMP 中的 Instagram 基本結構 <amp-instagram data-shortcode="fBwFP"...

majo2013 ‧ 2018-10-17

0 Like 0 留言 1664 瀏覽

鐵人賽 Modern Web DAY 16

AMP 系列第 16 篇

技術 AMP(Lession 16) - Facebook Comment 嵌入留言

Facebook Comment 嵌入留言基本語法 <amp-facebook-comments width=486 height=657 l...

majo2013 ‧ 2018-10-16

0 Like 0 留言 1885 瀏覽

鐵人賽 Modern Web DAY 15

AMP 系列第 15 篇

技術 AMP(Lession 15) - Facebook Like

Facebook Like 基本 code <amp-facebook-like width=90 height=20 layout="...

majo2013 ‧ 2018-10-15

0 Like 0 留言 2016 瀏覽

鐵人賽 Modern Web DAY 14

AMP 系列第 14 篇

技術 AMP(Lession 14) - Facebook 的粉絲專頁外掛程式

Facebook 的粉絲專頁外掛程式方便您在自己的網站上內嵌和推廣任何公開的 Facebook 粉絲專頁。user 不用離開網站，便可對粉絲專頁按讚和分享。...

majo2013 ‧ 2018-10-14

1 Like 0 留言 1761 瀏覽

鐵人賽 Modern Web DAY 13

AMP 系列第 13 篇

技術 AMP(Lession 13) - Facebook 的發文、影片、留言〈資料 href 篇〉

Facebook 的發文、影片、留言〈資料 href 篇〉在提到了如何使用 amp-facebook 之後，我們來學學如何找到 data-href 這個的...

majo2013 ‧ 2018-10-13

0 Like 0 留言 1744 瀏覽

鐵人賽 Modern Web DAY 12

AMP 系列第 12 篇

技術 AMP(Lession 12) - Facebook 的發文、影片、留言〈基礎篇〉

Facebook 的貼文、影片、留言〈基礎篇〉不知不覺間， Facebook 成為了不少大眾的入口社群網站，隨之而來，也有不少的網站內容用到 Faceboo...

majo2013 ‧ 2018-10-12

0 Like 0 留言 1412 瀏覽

鐵人賽 Modern Web DAY 11

AMP 系列第 11 篇

技術 AMP(Lession 11) - 時間轉換 timeago

時間轉換 timeago 不知道 timeago 的請去這兒瞭解一下， amp-timeago 就是以這個套件為基礎的基本範例 <amp-timeago...

majo2013 ‧ 2018-10-11

0 Like 0 留言 1470 瀏覽

鐵人賽 Modern Web DAY 10

AMP 系列第 10 篇

技術 AMP(Lession 10) - 收合區域

收合區域 - amp-accordion 如下圖所示：如手風琴（accordion）一般，開合以顯示內容 Required Script <script...

majo2013 ‧ 2018-10-10

0 Like 0 留言 2208 瀏覽

鐵人賽 Modern Web DAY 9

AMP 系列第 9 篇

技術 AMP(Lession 9) - AMP中使用Lightbox

AMP中使用Lightbox 在上一篇文章我們有點到 lightbox ，現在我們就來講講 lightbox 吧！在 AMP 中有2個套件具有 lightbo...

majo2013 ‧ 2018-10-09

1 Like 0 留言 2113 瀏覽

鐵人賽 Modern Web DAY 8

AMP 系列第 8 篇

技術 AMP(Lession 8) - carousel輪播圖片〈進階篇〉

carousel輪播圖片〈進階篇〉為 amp-carousel 設定 id 後跳轉圖片透過 <amp-carousel> 給定 id 值；例：...

majo2013 ‧ 2018-10-08

1 Like 0 留言 5592 瀏覽

鐵人賽 Modern Web DAY 7

AMP 系列第 7 篇

技術 AMP(Lession 7) - carousel 輪播圖片〈基礎篇〉

carousel輪播圖片〈基礎篇〉這類的 component ，常見的部分會有：多張圖片左右點選前後張照片點選縮圖或文字，跳至指定的第n張照片說明文...

majo2013 ‧ 2018-10-07

0 Like 0 留言 1965 瀏覽

鐵人賽 Modern Web DAY 5

AMP 系列第 5 篇

技術 AMP(Lession 5) - 依區塊而改變文字大小 amp-fit-text

依區塊而改變文字大小的 amp-fix-text 支援的 layout 值可使用在具有 display: block 與 display: inlline-b...

majo2013 ‧ 2018-10-05

1 Like 0 留言 2366 瀏覽

鐵人賽 Modern Web DAY 3

AMP 系列第 3 篇

技術 AMP(Lession 3) - 使用AMP做RWD

使用AMP做RWD RWD 在現如今的網站，可以說是必備設定了。這兒要注意一點：平日裡我們是用 css 在做 RWD 的設定，但在 AMP 的世界裡，並不是這樣...

majo2013 ‧ 2018-10-03