Cloudways 申請、設定教學：簡單划算的 WordPress 主機 (免費3天試用)
由於先前用的”顏色主機”供應商慢得驚人，氣到直接搬家。現在使用 CLOUDWAYS 的服務，這個主機服務商有提供前三...
分類： 網頁設計
WordPress 設定成中文介面、增加管理者帳號、選擇佈景主題
WordPress 網站安裝好後，就從這三部開始吧 1.進到控制台後，先到Setting改語系，改成中文版看起來比較順，選完要記得按左下角的...
在 Mac OS 本機 local 端建立 wordpress 網站 MAMP
1 ▼首先先到 MAMP 網站，我們要下載一個 app 到 Mac ，當著我們簡單建立本機端 wp 網站。 從這邊進去 https://w...
WordPress 小遊戲外掛
Asteroids Widget 如果有個小遊戲可以讓來訪者殲滅你網站上的一切，你覺得如何？我的學生應該會喜歡我在網頁上裝這個東西。這個故事...
用 javascript 觸發 CSS 屬性
例子1 :https://www.daconote.com/sample/javascript-trigger-CSS.php 例子2 :h...
CSS: transition 轉場/過場
transition 最常使用在滑鼠移到物件上時 (hover) 觸發的變化。 ▼比如說如下例子，當滑鼠移上去時人物會「立即」以Y軸為軸心旋...
CSS: transform：旋轉 rotate、縮放 scale、平移 translate、歪斜 skew、3D 透視 perspective
transform 屬性 transform 語法用來翻轉區塊，但不適用於「行內元素」(inline element)，除非把行內元素設定為...
WordPress 聊天機器人：使用 Dialogflow 製作語言資料庫
建立一個 Dialogflow 的 Agent 和相關設定 ▼首先先到 Dialogflow 網站，按右上角的「Sign in」登入一個 g...
網路藝術腦洞大開：雙人藝術搭檔 Jodi
Jodi Jodi 是一個雙人藝術團體，由Joan Hermskerk 和 Dirk Paesmans 組成。 (下面這些連結看起來很像是在...
HTML 巢狀結構
1 2 3 我們現在看到的網頁，其實是經過一個一個像盒子的結構，層層包覆建構出來的版面。 如上面的結構就是三個盒子(div)建構出來的。我們...
WordPress 頁內連結
頁內連結就是像以下的連結，可以跳到同一個頁面裡面的不同區段。 回頂端 ▶html連結語法 ▶HTML頁內連結語法 ▶平滑捲動 ▶回頂端浮動端...
怎麼在個別文章/頁面加入 javascript 或 CSS?
如果我們是在編輯一個傳統的 HTML 頁面，我們會把 javascript 放在<head>標籤裡面，但是 wordpress ...
CSS 遊戲，邊玩邊學，包含 flex, grid 的遊戲
CSS Dinner CSS Dinner 是一款關於 CSS 選擇器套用語法的遊戲。 要通過關卡你可能需要這一篇裡面的 CSS 知識：選擇...
配色輔助工具 Adobe Capture, Adobe Color, Colorable, 日本色
不管你是要設計一個網站、製作一張海報等等，首先最好先把你的主要配色確定下來，這樣整個視覺系統才會一致，給人留下良好的使用經驗。 如果你不是經...
UI/UX 設計師該關注的色盲、色弱族群
色弱人口很少嗎？ 如果你是一個辨色能力正常的人，可能會覺得色弱是很稀有的族群，不太需要去關注。但是根據統計，全世界有8%的男性和0.5％的女...