資訊：Google open-sources JPEG encoder that reduces file sizes by 35% 專案：Github 說是能夠編碼壓縮減少比原檔案還少 35% 大小，從結果看滿驚人的，但運算也是驚人的…久ＸＤ 效能問題沒有什麼好解，最多就是提升硬體裝置，或想辦 …
分類彙整: 技術相關
[Mac] 使用 VPS 當 SOCKS 網頁代理伺服器
這件事，在 Mac 上真的是簡單到爆ＸＤ（Linux系統的也一樣簡單！） 事前準備當然就是一台有對外連線的 VPS 和你手邊的 Mac 電腦。 測試能夠 ssh 進去遠端 VPS 後，退出回 Mac 本機終端機畫面，輸入下面指令： ssh -D 1234 -f -C -q -N USERNAME@V …
[SSL] 使用 Certbot 輕鬆部署網站 HTTPS 憑證
早期使用一開始還要去把 Let’s Encrypt 的 Github 專案給 clone 下來跑一堆流程，現在使用這個「憑證幫手」Certbot 就可以了！ 進到網站畫面，選好使用的伺服器應用與作業系統，按照網頁下方指示操作，一步一步來，搞定～ 不過 Nginx 那部分的操作沒有看到範例，這裡補一下 …
[WordPress] 清除多餘未使用縮圖，釋放伺服器空間的適當方法
很多人操作的思考是從「既然這沒用到直接刪除就好」或「找清除的外掛來搞定就好」兩方向著手。 雖無不可，但第二種從這類外掛評價就可以看到有不少悲劇發生ＸＤ 不論如何，這兩種做法都是治標不治本。今天刪除，明天還是會繼續產生多餘圖片浪費空間。 今天剛好處理這個案例，方法如下： 安裝Stop Generati …
[jQuery] 網站內嵌 Flickr 相簿外掛 – nanogallery2
意外挖到的小工具，不只可以掛 Flickr，連 Google Photos 也行，還真是方便～ 第一版：nanogallery 第二版：nanogallery2 Demo：連結 #jQuery #JavaScript #Flickr #Album #GooglePhotos #nanoga …
[CSS] 玩遊戲學 Flexbox 排版
看到 James 大的分享，這趨勢潮玩意兒還有這麼輕鬆的入門，不推不行！ FLEXBOX FROGGY ：利用類似青蛙過河的移動方式來寫 CSS 控制青蛙跳到他的荷葉上，完成 24 關任務的遊戲。 寫文當下目前支援度如圖，「快了，快了」這句話是看著 IE 說的，應該很多人懂ＸＤ #CSS3 #Fle …
[Google] 輸入工具 – 注音解碼 API
剛看到線上注音忘記切換輸入法解碼 這篇文章才發現有 API 可以玩。 記得好幾年前用 Yahoo 搜尋的時候就有發現這件事，打開網頁就開始打字，沒想到輸入了「英文鍵盤下的中文編碼」它還是給我找對資料，驚訝不已ＸＤ 事隔多日，今天看到這玩意兒來趕快紀錄一下！ API 從這頁：線上試用 Google 輸 …
[WordPress] 網站開發之新目錄結構（Modern structure）
早在 2015 年時已有一篇討論目錄結構的文章提到 WordPress 通俗的目錄結構（wp-開頭）是脆弱的，但可以透過內建常數定義的方式做修正。 每次有重大安全性事件發生，這個「隱藏身為 WordPress」的話題也隨之會被拿出來討論，不為別的，就是比較根本一點的藏起來系統組成，自然也提高安全性， …
[HTTPS] 圖文解說 HTTPS 機制 – 也许，这样理解HTTPS更容易
作者：翟志军 摘要：本文尝试一步步还原HTTPS的设计过程，以理解为什么HTTPS最终会是这副模样。但是这并不代表HTTPS的真实设计过程。在阅读本文时，你可以尝试放下已有的对HTTPS的理解，这样更利于“还原”过程。 我们先不了聊HTTP，HTTPS，我们先从一个聊天软件说起，我们要实现A能发一个 …
[WordPress] 開發 Widget 小工具
有時候，國外文件一堆超完整內容，看完都覺得其實沒必要自己也寫一份啊！ 所以這時候就是看心情惹 關於這篇的小工具開發，可以直接點進去連結：「Introduction to Creating Your First WordPress Widget」 開始碼農之路～ＸＤ 該篇為系列作： 第一章節：介紹與建 …