2024 iThome 鐵人賽

DAY 21

打造鐵人賽積分排行榜 (應用篇)

今日目標: 用Polymer開發鐵人賽積分排行榜想不想看目前各組鐵人積分排名? 很想對不對? 好，雖然IT鐵人賽官方網頁沒公佈，但資料倒是很齊全。所以今天就...

1 Like 1 留言 2706 瀏覽

DAY 22

打造鐵人賽積分排行榜 (D3元件)

今日目標: 了解如何包裝 D3 視覺化元件視覺化元件 <d3-flare> 這元件功能是顯示目前鐵人賽各組參與人數，以及積分的視覺化效果。...

2 Like 0 留言 2079 瀏覽

DAY 23

打造鐵人卡片元件

今日目標: 包裝鐵人卡片元件鐵人卡片 <itironman-card> [線上試玩] **** [Github] **** 卡片很多..要稍...

4 Like 2 留言 2304 瀏覽

DAY 24

Material Design - Rippe效果

今日目標: 了解Ripple效果並包裝成img-ripple元件分享Polymer 20幾天，是該來談談 Google 今年推出的 Material Des...

2 Like 0 留言 2308 瀏覽

DAY 25

Material Design - 可捲動標題面板

= 今日目標: 了解 <core-scroll-header-panel> 元件與用法 scroll-header-panel 捲動標題面板，是...

2 Like 0 留言 2795 瀏覽

DAY 26

Material Design - 對話框

今日目標: 了解 <paper-dialog> 元件與用法 Dialog 是很常見的元件形態，那套上了Material Design又有什麼特別...

2 Like 0 留言 2171 瀏覽

DAY 27

Material Design - 案例研究(HTML結構)

今日目標: 深入了解Polymer官網的計算機案例 [線上試玩] Polymer官網使用了Material Design開發兩個應用範例，充分展現了組裝元件式...

2 Like 0 留言 3092 瀏覽

DAY 28

Material Design - 自適應(RWD)鍵盤，有這種事?

今日目標: 拿計算機元件，組裝出RWD鍵盤自適應(RWD)網站、(RWD)圖片相信大家都聽過，但是RWD鍵盤沒聽過吧....今日就讓我們用昨日計算機的key...

2 Like 0 留言 3227 瀏覽

DAY 29

最終還是要打包

今日目標: 使用Polymer Vulcanize 打包，了解如何使用Yeoman 使用Polymer開發Web應用，元件慣例是一個html檔案存放，方便管理...

1 Like 0 留言 2726 瀏覽

DAY 30

Polymer 30天全面解析

整理分享30天文章與範例，從入門、進階、範例等循序漸進方式介紹，讓開發者能一窺Polymer全貌、快速入門 = 一、入門篇官網使用介紹使用介紹有 30秒、...

2 Like 1 留言 4149 瀏覽

第七屆優選

系列文章