JS30-List | BulbCat.David

github blogger
Card image cap
Day01 | JavaScript-Drum-Kit

可透過按鍵發聲的爵士鼓

DEMO-Day01
Card image cap
Day02 | JavaScript-Clock

實時的時鐘

DEMO-Day02
Card image cap
Day03 | JavaScript-Variables

可控制邊框、灰階與選擇色彩的濾鏡

DEMO-Day03
Card image cap
Day04 | Flex-Panel-Gallery

動畫展開圖片的效果

DEMO-Day04
Card image cap
Day05 | Ajax-Type-Ahead

即時顯示結果的搜尋框

DEMO-Day05
Card image cap
Day06 | Ajax-Type-Ahead

HTML5的Canvas畫布

DEMO-Day06
Card image cap
Day07 | Check-Checkboxes

製作Shift+左鍵連續選取的效果

DEMO-Day07
Card image cap
Day08 | HTML5-Video-Player

HTML5的video tag製作播放器功能

DEMO-Day08
Card image cap
Day09 | Slide-Scroll

當畫面滑至指定位置時載入圖片的效果

DEMO-Day09
Card image cap
Day10 | Shadow-Move-Effect

用滑鼠使文字陰影偏移的效果

DEMO-Day10
Card image cap
Day11 | Follow-Along-Links

跟著滑鼠移動的HightLight效果

DEMO-Day11
Card image cap
Day12 | Speech-Synthesis

文字轉語音輸出的工具

DEMO-Day12
Card image cap
Day13 | Sticky-Nav

依捲動位置顯示不同樣式的置頂選單

DEMO-Day13
Card image cap
Day14 | Dropdown-Nav

隨著滑鼠移動展開的選單效果

DEMO-Day14
Card image cap
Day15 | Drag-Scroll

可拖曳移動的水平捲軸

DEMO-Day15
Card image cap
Day16 | Video-Speed-Controller

可控制影片速率的拉把

DEMO-Day16
Card image cap
Day17 | Countdown-Clock

可自定義時間的倒數計時器

DEMO-Day17
Card image cap
Day18 | Mole-Game

打地鼠的小遊戲

DEMO-Day18