今天在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