Flexbox 使用指南

背景

flexible box 伸縮容器 在 caniuse 上已經有很高的支持度 為什麼要講 flexible box 而不是 flex box,因為其實 flexible box 經過好幾次的演進 Read more...

圖片最佳化

網頁優化/最佳化,圖片壓縮是不可忽視的一塊。
透過 PageSpeed Insights 分析可以為你的網頁打分數。

圖片壓縮程式

根據 Google PageSpeed Insights 建議對於 JPEG 檔案壓縮可以使用 jpegtranjpegoptim (與 –strip-all 選項一併執行);對於 PNG 檔案壓縮可以使用 OptiPNGPNGOUTRead more...

Mac 用 Homebrew 安裝 MariaDB

最近我在檢查 Mac Mini 的 server 工作是否正常的時候
發現 MySQL 資料庫又掛了…不是流量太大或電腦有問題,而是 MySQL 無法啟動
試著打 mysql.server start 時,終端機印出
ERROR! The server quit without updating PID file (/usr/local/mysql/data/...pid)
Read more...

GitHub 架設 Jekyll 網站

GitHub 原本就支援使用 Jekyll 建置網站,無需上傳 Jekyll 開發過程所產生的靜態網頁,只要在本地端將網站開發完成,將設定檔、sass 樣式表和一些 HTML 的模版上傳到 GitHub repository 就會自動編譯產生靜態網頁內容。 Read more...