鐵人檔案
昨天將互動按鈕都設置完成，不過這時發現一個問題，按鈕沒有反應而切游標的互動效果消失了。這是因為下層的元素被蓋住了。上網查詢的解決辦法大多是更改上層元素的poin...
前半部分兩個頁面整體完成了，接著幾天想加上一些視覺和互動效果。 使用者在介紹頁的時候因為內容較多，畫面是可以捲動的，這裡希望可以將目錄固定在畫面右上角，不受頁面...
今天給前往介紹頁的標語加上一些視覺效果，想做出像下面這種跳動效果。 先將標語的部分改一下，將圖標、文字和要動的部分拆開。 <label for="...
昨天前往介紹頁的標語加上跳動效果了，不過現在在使用者看來它還只是一條標語，今天加上一些互動效果。我想做出下圖這種效果，當游標停在按鈕上讓右邊的標語可以被推一下。...
前幾天給按鈕加上一些互動效果了，今天回到介紹頁，原先介紹頁的設計有橫向排版，不過因為手機的畫面比較窄，會讓一些物件被拉長。今天想讓排版自適應螢幕大小，這裡先不考...
昨天把前半部分完成了，今天開始製作後半部分的匿名意見箱。我希望能在後台收到使用者在網頁輸入的內容，不過因為GitHub Pages是靜態網頁，沒有辦法加入資料庫...
今天接著把表單完成，加入需要的script之後再來逐行解釋。 <script> $.ajax({ url: "https://docs...
到目前為止，預計要做的頁面大致都完成了，接著我想加入更多可以互動的元素，和優化使用者體驗。那有哪些效果是可以增加的？這裡我想到了許多網站或是App都有的設計，深...
每次點進一個網址，網頁都需要加載一段時間，今天的目標是做出一個簡單的讀取畫面，讓網頁加載完成後才能看到主頁面。 首先加入元素，讓讀取畫面填滿螢幕。 <di...
在一些網站裡可以看到不同圖案的游標，今天試著加上符合網頁主題的滑鼠游標。 首先準備好要替換的圖案，大小調成16×16可以跟原本的游標差不多大。準備圖片的時候注意...
