今天在Twitter看見一位發了一網頁,顯示Pi的一千位數。該網頁是用在線服務CodePent提供的服務,利用HTML,CSS和JS技術設計的。我仔細一看,顯示的一千位數字不是計算出來的,而是直接坎嵌在HTML網頁中,她利用CSS和JS的編碼,使網頁色彩動態變化。
這讓我立刻聯想到昨天我的博客帖子,何不尚利用該免費的在線服務,也來一個Pi一百數字加中文打油詩的網頁呢?
於是我開始動手設計了。經過幾個小時的琢磨,終於設計好了,該網頁不僅可以在電腦上利用滑動的鼠標變化各種顏色,我還增加了在手機功能:利用手指點擊滑動來顯示不同的顏色。
花點時間,接受挑戰,做一點動腦筋的事情,不僅撿起過去學過的內容,而且還學到新的東西。
參考
- CodePen 網頁:Pi 1000位數字 by @Cassidoo
- CodePen 網頁:我的Pi 100位數字,加中文的打油詩 (可以看到HTML, CSS和JS編碼)
- CodePen 網頁:我的Pi 100位數字,加中文的打油詩 全屏网页显示。
No comments:
Post a Comment