使用 Git 佈署 WordPress theme,不需再用 FTP 上傳了
痛點 每次要更新 WordPress theme 時,都要使用 FTP 上傳,相當麻煩。雖然之前也有使用一些工 …
0 與 1 的世界。
痛點 每次要更新 WordPress theme 時,都要使用 FTP 上傳,相當麻煩。雖然之前也有使用一些工 …
Burpee 4 minutes 網址:https://burpee.chiayilai.com 最近開始每天 …
Toast notice 功能 讓使用者自己做了什麼動作,產生的結果是什麼,是很重要的事。在 SPA 中,因為 …
開發流程 先到 Google Cloud Platform 和 Facebook for Developers …
官方網址:https://mooney.chiayilai.com/ 記帳,可以檢視自己的生活 寫日記如果沒有 …
全部統一使用 Docker 過去都是使用 MAMP 或 XAMPP 來建立本機的 PHP 或 WordPres …
原理 點擊按鈕,靠著控制指定目標的 class 名稱,搭配 CSS 來做到動態效果。可以用來做選單開關,樣式變 …
Pure CSS images slider – fade and scale effects 用 …
Be a minimalist, I like clean code. 之前都是用 gulp 來處理 Sass …
之前都用 Bootstrap 的 grid 來處理,但是遇到需要有 2 倍寬或 2 倍高的區塊就很難處理,這時 …
WordPress – 安裝與修改版型(基礎的 PHP 與 MySQL or MariaDB 知識 …
用 :before 和 :after 產生兩個圓形一左一右水平移動。 圓形用 absolute 定位,.loa …
主要分成三個區塊,黑色的襯底板,紅色的頭板顯示月份,白色的紙張顯示日期。 對齊的方式因為都是單行,直接用 te …
加入一個空標籤當為移動橫桿, 用 absolute 來定位 抓取橫桿要移動到的目標的寬度與 X 坐標,帶入給橫 …
window.history.back(); window.history.go(-1); // 上面兩種用法 …
將原本的 radio visibility: hidden, label 標籤做底部區域, label:aft …
將原本的 checkbox visibility: hidden,label 標籤做底部區域,label:af …
圖片輪播是最常見的網頁元素之一,不用插件,也不需要 jQuery,可設定幾秒換下一張,滑鼠移上圖片時會停止換圖 …
blob 轉成 dataURL blob 和 file 都可以使用,從 blob 讀取資料的唯一方式就是使用 …
在設定頁面常用的功能,將 checkbox visbility: hidden,label 標籤當底部區域,l …
preventDefault(): 預防作用的元素預設事件發生,如果只是要預防 <a href=”#”& …
clip 屬性類似遮罩的概念,設定 top, right, bottom, left 四個位置的值,來達到要顯 …
當使用者在瀏覽頁面內容時,header 佔的空間就減少了主內容的空間,所以我們可以設定當使用者向下捲動時,是在 …
結合 bootstrap 的 tooltip,在使用者按下確定按鈕時,判斷表單是否有空的輸入框,並提示使用者輸 …
不用插件,少於 10 行的 JS 語法,輕鬆完成視窗外的側邊欄寫法。 用 body 有無 class=R …