主題:My Daily Plan & To-do List 網址:https://mayhsin.github.io/final.html 簡介:此網站的靈感來自子彈筆記與"選 3 哲學"。我們每天都有很多事需要完成,常常手忙腳亂的,或是因為缺乏計畫而延誤重要的事,透過每天做計劃的方式,能有效的整理生活,這也是現在最流行的子彈筆記;選三哲學則來自臉書的前行銷總監Randi Zuckerberg,她曾在訪問中被問到,是如何兼顧生活中的大小事,她說一天內要把所有事做好是不可能的,所以她把事情分成五種面向,睡眠、朋友、家庭、工作、運動,一天只選三種不同面向的事來專心地完成,每天可以選不同面向,長久下來各方面都可以兼顧。此網站可以幫助使用者嘗試選三哲學。 如何使用:網站分為兩部分,上半部將一天(8:00-22:00)分為七個部分,並有三行,每一行分別代表生活中的一個面向,並有一種代表顏色,點按之後會改變顏色,若使用者欲在本時段執行某面向(某行)的事,就可以點按,完成一天規劃後,可以依照顏色簡單知道自己一整天的規劃是如何。下半部則是待辦清單,使用者可以把詳細待辦事項輸入,完成後可以再點按一次標記已完成,也可直接刪除。 使用了什麼技術:上半部的顏色轉換是使用javascript,下半部待辦清單則是jquery,並使用css來排版、美編等等。 亮點:1. 當滑鼠放到待辦事項時,項目會變色 2. 若未輸入事項就按Add,會出現"You must write something!"的提醒。3. 完成事項時,點按項目會出現刪除線並且變色。 4. To-do list後方會有小叉叉可以刪除項目。
-
Notifications
You must be signed in to change notification settings - Fork 0
License
mayhsin/mayhsin.github.io
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
About
No description, website, or topics provided.
Resources
License
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published