系列文章
Day21 Geolocation based Speedometer and Compass
Day21 Geolocation based Speedometer and Compass 在第21天的實作目標要做出一個指南針和時速表的網站。 恩 我在實...
Day22 Follow Along Links
Day22 Follow Along Links 第22天的實作是作者wesbos看到stripe這個網頁，覺得導覽列非常特別，而衍伸出來的議題。 這個實作目標...
Day23 Follow Along Links
Day23 Follow Along Links 第23天的實作目標要做出當輸入字元，並輸出人的聲音的網頁。 首先要有兩個Web Speech API的組件，第...
Day24 Sticky Nav
Day24 Sticky Nav 第24天實作要做出向下捲動頁面時，遇到導覽列時，其導覽列會固定在網頁上方，導覽列也會有所變化。當網頁向下滾動時，導覽列也會固定...
Day25 Event Capture, Propagation, Bubbling and Once
Day25 Event Capture, Propagation, Bubbling and Once 第25天的主要講解元素事件觸發時的觸發順序。 這次的實作...
Day26 Stripe Follow Along Dropdown
Day26 Stripe Follow Along Dropdown 第26天的實作為第22天的延伸，在第22天是當滑鼠移到特定元素會給該元素有highligh...
Day27 Click and Drag to Scroll
Day27 Click and Drag to Scroll 第27天的實作目標是做出在頁面元素可以拖拉並移動該元素。 <div class=&quo...
Day28 Video Speed Controller UI
Day28 Video Speed Controller UI 第28天實作目標為做出移動特定元素即可控制影片播放速率，類似於input元素中的滑動桿。 這次是...
Day29 Countdown Clock
Day29 Countdown Clock 第29天實作為建立一個倒數的時間顯示器。 首先建立倒數的時間計數器方法，在該方法中有觸發方法的時間now和停止時間t...
Day30 Whack A Mole Game
Day30 Whack A Mole Game 第30天時實作要做出打地鼠的遊戲。 首先在頁面有六個div地洞元素，地洞元素的::after偽元素設為背景url...