Web 開發元件化有其優勢與應用場景。Polymer 是 Google 推出支援Web Compoent標準的框架,雖然 AngularJS 有 directive,但在這點上Polymer其實更為全面且出色,而且今年率先支援 Material Design元件,就讓筆者做中學來分享開發實戰吧~
今日目標: 用Polymer開發鐵人賽積分排行榜 想不想看目前各組鐵人積分排名? 很想對不對? 好,雖然IT鐵人賽官方網頁沒公佈,但資料倒是很齊全。所以今天就...
今日目標: 了解如何包裝 D3 視覺化元件 視覺化元件 <d3-flare> 這元件功能是顯示目前鐵人賽各組參與人數,以及積分的視覺化效果。...
今日目標: 包裝鐵人卡片元件 鐵人卡片 <itironman-card> [線上試玩] **** [Github] **** 卡片很多..要稍...
今日目標: 了解Ripple效果並包裝成img-ripple元件 分享Polymer 20幾天,是該來談談 Google 今年推出的 Material Des...
= 今日目標: 了解 <core-scroll-header-panel> 元件與用法 scroll-header-panel 捲動標題面板,是...
今日目標: 了解 <paper-dialog> 元件與用法 Dialog 是很常見的元件形態,那套上了Material Design又有什麼特別...
今日目標: 深入了解Polymer官網的計算機案例 [線上試玩] Polymer官網使用了Material Design開發兩個應用範例,充分展現了組裝元件式...
今日目標: 拿計算機元件,組裝出RWD鍵盤 自適應(RWD)網站、(RWD)圖片相信大家都聽過,但是RWD鍵盤沒聽過吧....今日就讓我們用昨日計算機的key...
今日目標: 使用Polymer Vulcanize 打包,了解如何使用Yeoman 使用Polymer開發Web應用,元件慣例是一個html檔案存放,方便管理...
整理分享30天文章與範例,從入門、進階、範例等循序漸進方式介紹,讓開發者能一窺Polymer全貌、快速入門 = 一、入門篇 官網使用介紹 使用介紹有 30秒、...