2016 新北 兒藝節 - iOA
2016 新北 兒藝節 - iOA

2016 新北 兒藝節 實作心得

吳政賢· ·

這是一個前端技術的外包案實作,其網站名稱為2016 新北市兒童藝術節,主要就是承接新北市 2016年 兒童藝術節的活動官網。此活動網站最具特色的地方是動畫的呈現,大家可以先點至 GitHub Demo 瀏覽動畫效果喔!



動畫是整個網站的主軸功能,在與 2015年的兒藝節官網不同的地方是,2015 是大量使用 jQuery animate 的功能,而 2016年則是使用 css3 的 animation 來呈現出動畫效果,藉由不同的時間差,依序的控制動畫,jQuery 則是扮演著次要功能,例如:skip。

將動畫使用 css3 來實作主要是考量到前端網頁效能的問題,比起使用 jQuery 來實作,css 更能讓畫面流暢許多,專案開發過程中,使用 SCSS 來開發,並且使用 compass 來編譯成 css,使開發前端專案事半功倍!

以上就是這次 2016 新北 兒藝節 的開發心得如有任何問題歡迎來信討論。